408. Araxis Merge File Comparison Report

Produced by Araxis Merge on 2023-03-13 03:01:34 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.

408.1 Files compared

#LocationFileLast Modified
1Porto v4.0.4/Porto Theme/pub/media/porto/web/cssanimate.css2015-12-10 19:11:38 +0000
2Porto v4.0.5/Porto Theme/pub/media/porto/web/cssanimate.css2023-02-02 08:37:41 +0000

408.2 Comparison summary

DescriptionBetween
Files 1 and 2
Text BlocksLines
Unchanged36680
Changed00
Inserted211
Removed00

408.3 Comparison options

WhitespaceConsecutive whitespace is treated as a single space
Character caseDifferences in character case are significant
Line endingsDifferences in line endings (CR and LF characters) are ignored
CR/LF charactersNot shown in the comparison detail
Active line-pairing rules

408.4 Active regular expressions

No regular expressions were active.

408.5 Comparison detail

1 @charset "UTF-8"; 1 @charset "UTF-8";
2  2 
3 /*! 3 /*!
4  * Animate.css -http://daneden.me/animate 4  * Animate.css -http://daneden.me/animate
5  * Version - 3.4.0 5  * Version - 3.4.0
6  * Licensed under the MIT license - http://opensource.org/licenses/MIT 6  * Licensed under the MIT license - http://opensource.org/licenses/MIT
7  * 7  *
8  * Copyright (c) 2015 Daniel Eden 8  * Copyright (c) 2015 Daniel Eden
9  */ 9  */
    10  [data-appear-animation],.appear-animation {
    11      opacity: 0
    12  }
10  13 
    14  .animated,.appear-animation {
    15      animation-fill-mode: both;
    16      animation-duration: 1s
    17  }
    18 
    19  .appear-animation-visible {
    20      opacity: 1
    21  }
11 .animated { 22 .animated {
12   -webkit-animation-duration: 1s; 23   -webkit-animation-duration: 1s;
13   animation-duration: 1s; 24   animation-duration: 1s;
14   -webkit-animation-fill-mode: both; 25   -webkit-animation-fill-mode: both;
15   animation-fill-mode: both; 26   animation-fill-mode: both;
16 } 27 }
17  28 
18 .animated.infinite { 29 .animated.infinite {
19   -webkit-animation-iteration-count: infinite; 30   -webkit-animation-iteration-count: infinite;
20   animation-iteration-count: infinite; 31   animation-iteration-count: infinite;
21 } 32 }
22  33 
23 .animated.hinge { 34 .animated.hinge {
24   -webkit-animation-duration: 2s; 35   -webkit-animation-duration: 2s;
25   animation-duration: 2s; 36   animation-duration: 2s;
26 } 37 }
27  38 
28 .animated.flipOutX, 39 .animated.flipOutX,
29 .animated.flipOutY, 40 .animated.flipOutY,
30 .animated.bounceIn, 41 .animated.bounceIn,
31 .animated.bounceOut { 42 .animated.bounceOut {
32   -webkit-animation-duration: .75s; 43   -webkit-animation-duration: .75s;
33   animation-duration: .75s; 44   animation-duration: .75s;
34 } 45 }
35  46 
36 @-webkit-keyframes bounce { 47 @-webkit-keyframes bounce {
37   from, 20%, 53%, 80%, to { 48   from, 20%, 53%, 80%, to {
38     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 49     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
39     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 50     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
40     -webkit-transform: translate3d(0,0,0); 51     -webkit-transform: translate3d(0,0,0);
41     transform: translate3d(0,0,0); 52     transform: translate3d(0,0,0);
42   } 53   }
43  54 
44   40%, 43% { 55   40%, 43% {
45     -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); 56     -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
46     animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); 57     animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
47     -webkit-transform: translate3d(0, -30px, 0); 58     -webkit-transform: translate3d(0, -30px, 0);
48     transform: translate3d(0, -30px, 0); 59     transform: translate3d(0, -30px, 0);
49   } 60   }
50  61 
51   70% { 62   70% {
52     -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); 63     -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
53     animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); 64     animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
54     -webkit-transform: translate3d(0, -15px, 0); 65     -webkit-transform: translate3d(0, -15px, 0);
55     transform: translate3d(0, -15px, 0); 66     transform: translate3d(0, -15px, 0);
56   } 67   }
57  68 
58   90% { 69   90% {
59     -webkit-transform: translate3d(0,-4px,0); 70     -webkit-transform: translate3d(0,-4px,0);
60     transform: translate3d(0,-4px,0); 71     transform: translate3d(0,-4px,0);
61   } 72   }
62 } 73 }
63  74 
64 @keyframes bounce { 75 @keyframes bounce {
65   from, 20%, 53%, 80%, to { 76   from, 20%, 53%, 80%, to {
66     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 77     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
67     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 78     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
68     -webkit-transform: translate3d(0,0,0); 79     -webkit-transform: translate3d(0,0,0);
69     transform: translate3d(0,0,0); 80     transform: translate3d(0,0,0);
70   } 81   }
71  82 
72   40%, 43% { 83   40%, 43% {
73     -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); 84     -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
74     animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); 85     animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
75     -webkit-transform: translate3d(0, -30px, 0); 86     -webkit-transform: translate3d(0, -30px, 0);
76     transform: translate3d(0, -30px, 0); 87     transform: translate3d(0, -30px, 0);
77   } 88   }
78  89 
79   70% { 90   70% {
80     -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); 91     -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
81     animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); 92     animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
82     -webkit-transform: translate3d(0, -15px, 0); 93     -webkit-transform: translate3d(0, -15px, 0);
83     transform: translate3d(0, -15px, 0); 94     transform: translate3d(0, -15px, 0);
84   } 95   }
85  96 
86   90% { 97   90% {
87     -webkit-transform: translate3d(0,-4px,0); 98     -webkit-transform: translate3d(0,-4px,0);
88     transform: translate3d(0,-4px,0); 99     transform: translate3d(0,-4px,0);
89   } 100   }
90 } 101 }
91  102 
92 .bounce { 103 .bounce {
93   -webkit-animation-name: bounce; 104   -webkit-animation-name: bounce;
94   animation-name: bounce; 105   animation-name: bounce;
95   -webkit-transform-origin: center bottom; 106   -webkit-transform-origin: center bottom;
96   transform-origin: center bottom; 107   transform-origin: center bottom;
97 } 108 }
98  109 
99 @-webkit-keyframes flash { 110 @-webkit-keyframes flash {
100   from, 50%, to { 111   from, 50%, to {
101     opacity: 1; 112     opacity: 1;
102   } 113   }
103  114 
104   25%, 75% { 115   25%, 75% {
105     opacity: 0; 116     opacity: 0;
106   } 117   }
107 } 118 }
108  119 
109 @keyframes flash { 120 @keyframes flash {
110   from, 50%, to { 121   from, 50%, to {
111     opacity: 1; 122     opacity: 1;
112   } 123   }
113  124 
114   25%, 75% { 125   25%, 75% {
115     opacity: 0; 126     opacity: 0;
116   } 127   }
117 } 128 }
118  129 
119 .flash { 130 .flash {
120   -webkit-animation-name: flash; 131   -webkit-animation-name: flash;
121   animation-name: flash; 132   animation-name: flash;
122 } 133 }
123  134 
124 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ 135 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
125  136 
126 @-webkit-keyframes pulse { 137 @-webkit-keyframes pulse {
127   from { 138   from {
128     -webkit-transform: scale3d(1, 1, 1); 139     -webkit-transform: scale3d(1, 1, 1);
129     transform: scale3d(1, 1, 1); 140     transform: scale3d(1, 1, 1);
130   } 141   }
131  142 
132   50% { 143   50% {
133     -webkit-transform: scale3d(1.05, 1.05, 1.05); 144     -webkit-transform: scale3d(1.05, 1.05, 1.05);
134     transform: scale3d(1.05, 1.05, 1.05); 145     transform: scale3d(1.05, 1.05, 1.05);
135   } 146   }
136  147 
137   to { 148   to {
138     -webkit-transform: scale3d(1, 1, 1); 149     -webkit-transform: scale3d(1, 1, 1);
139     transform: scale3d(1, 1, 1); 150     transform: scale3d(1, 1, 1);
140   } 151   }
141 } 152 }
142  153 
143 @keyframes pulse { 154 @keyframes pulse {
144   from { 155   from {
145     -webkit-transform: scale3d(1, 1, 1); 156     -webkit-transform: scale3d(1, 1, 1);
146     transform: scale3d(1, 1, 1); 157     transform: scale3d(1, 1, 1);
147   } 158   }
148  159 
149   50% { 160   50% {
150     -webkit-transform: scale3d(1.05, 1.05, 1.05); 161     -webkit-transform: scale3d(1.05, 1.05, 1.05);
151     transform: scale3d(1.05, 1.05, 1.05); 162     transform: scale3d(1.05, 1.05, 1.05);
152   } 163   }
153  164 
154   to { 165   to {
155     -webkit-transform: scale3d(1, 1, 1); 166     -webkit-transform: scale3d(1, 1, 1);
156     transform: scale3d(1, 1, 1); 167     transform: scale3d(1, 1, 1);
157   } 168   }
158 } 169 }
159  170 
160 .pulse { 171 .pulse {
161   -webkit-animation-name: pulse; 172   -webkit-animation-name: pulse;
162   animation-name: pulse; 173   animation-name: pulse;
163 } 174 }
164  175 
165 @-webkit-keyframes rubberBand { 176 @-webkit-keyframes rubberBand {
166   from { 177   from {
167     -webkit-transform: scale3d(1, 1, 1); 178     -webkit-transform: scale3d(1, 1, 1);
168     transform: scale3d(1, 1, 1); 179     transform: scale3d(1, 1, 1);
169   } 180   }
170  181 
171   30% { 182   30% {
172     -webkit-transform: scale3d(1.25, 0.75, 1); 183     -webkit-transform: scale3d(1.25, 0.75, 1);
173     transform: scale3d(1.25, 0.75, 1); 184     transform: scale3d(1.25, 0.75, 1);
174   } 185   }
175  186 
176   40% { 187   40% {
177     -webkit-transform: scale3d(0.75, 1.25, 1); 188     -webkit-transform: scale3d(0.75, 1.25, 1);
178     transform: scale3d(0.75, 1.25, 1); 189     transform: scale3d(0.75, 1.25, 1);
179   } 190   }
180  191 
181   50% { 192   50% {
182     -webkit-transform: scale3d(1.15, 0.85, 1); 193     -webkit-transform: scale3d(1.15, 0.85, 1);
183     transform: scale3d(1.15, 0.85, 1); 194     transform: scale3d(1.15, 0.85, 1);
184   } 195   }
185  196 
186   65% { 197   65% {
187     -webkit-transform: scale3d(.95, 1.05, 1); 198     -webkit-transform: scale3d(.95, 1.05, 1);
188     transform: scale3d(.95, 1.05, 1); 199     transform: scale3d(.95, 1.05, 1);
189   } 200   }
190  201 
191   75% { 202   75% {
192     -webkit-transform: scale3d(1.05, .95, 1); 203     -webkit-transform: scale3d(1.05, .95, 1);
193     transform: scale3d(1.05, .95, 1); 204     transform: scale3d(1.05, .95, 1);
194   } 205   }
195  206 
196   to { 207   to {
197     -webkit-transform: scale3d(1, 1, 1); 208     -webkit-transform: scale3d(1, 1, 1);
198     transform: scale3d(1, 1, 1); 209     transform: scale3d(1, 1, 1);
199   } 210   }
200 } 211 }
201  212 
202 @keyframes rubberBand { 213 @keyframes rubberBand {
203   from { 214   from {
204     -webkit-transform: scale3d(1, 1, 1); 215     -webkit-transform: scale3d(1, 1, 1);
205     transform: scale3d(1, 1, 1); 216     transform: scale3d(1, 1, 1);
206   } 217   }
207  218 
208   30% { 219   30% {
209     -webkit-transform: scale3d(1.25, 0.75, 1); 220     -webkit-transform: scale3d(1.25, 0.75, 1);
210     transform: scale3d(1.25, 0.75, 1); 221     transform: scale3d(1.25, 0.75, 1);
211   } 222   }
212  223 
213   40% { 224   40% {
214     -webkit-transform: scale3d(0.75, 1.25, 1); 225     -webkit-transform: scale3d(0.75, 1.25, 1);
215     transform: scale3d(0.75, 1.25, 1); 226     transform: scale3d(0.75, 1.25, 1);
216   } 227   }
217  228 
218   50% { 229   50% {
219     -webkit-transform: scale3d(1.15, 0.85, 1); 230     -webkit-transform: scale3d(1.15, 0.85, 1);
220     transform: scale3d(1.15, 0.85, 1); 231     transform: scale3d(1.15, 0.85, 1);
221   } 232   }
222  233 
223   65% { 234   65% {
224     -webkit-transform: scale3d(.95, 1.05, 1); 235     -webkit-transform: scale3d(.95, 1.05, 1);
225     transform: scale3d(.95, 1.05, 1); 236     transform: scale3d(.95, 1.05, 1);
226   } 237   }
227  238 
228   75% { 239   75% {
229     -webkit-transform: scale3d(1.05, .95, 1); 240     -webkit-transform: scale3d(1.05, .95, 1);
230     transform: scale3d(1.05, .95, 1); 241     transform: scale3d(1.05, .95, 1);
231   } 242   }
232  243 
233   to { 244   to {
234     -webkit-transform: scale3d(1, 1, 1); 245     -webkit-transform: scale3d(1, 1, 1);
235     transform: scale3d(1, 1, 1); 246     transform: scale3d(1, 1, 1);
236   } 247   }
237 } 248 }
238  249 
239 .rubberBand { 250 .rubberBand {
240   -webkit-animation-name: rubberBand; 251   -webkit-animation-name: rubberBand;
241   animation-name: rubberBand; 252   animation-name: rubberBand;
242 } 253 }
243  254 
244 @-webkit-keyframes shake { 255 @-webkit-keyframes shake {
245   from, to { 256   from, to {
246     -webkit-transform: translate3d(0, 0, 0); 257     -webkit-transform: translate3d(0, 0, 0);
247     transform: translate3d(0, 0, 0); 258     transform: translate3d(0, 0, 0);
248   } 259   }
249  260 
250   10%, 30%, 50%, 70%, 90% { 261   10%, 30%, 50%, 70%, 90% {
251     -webkit-transform: translate3d(-10px, 0, 0); 262     -webkit-transform: translate3d(-10px, 0, 0);
252     transform: translate3d(-10px, 0, 0); 263     transform: translate3d(-10px, 0, 0);
253   } 264   }
254  265 
255   20%, 40%, 60%, 80% { 266   20%, 40%, 60%, 80% {
256     -webkit-transform: translate3d(10px, 0, 0); 267     -webkit-transform: translate3d(10px, 0, 0);
257     transform: translate3d(10px, 0, 0); 268     transform: translate3d(10px, 0, 0);
258   } 269   }
259 } 270 }
260  271 
261 @keyframes shake { 272 @keyframes shake {
262   from, to { 273   from, to {
263     -webkit-transform: translate3d(0, 0, 0); 274     -webkit-transform: translate3d(0, 0, 0);
264     transform: translate3d(0, 0, 0); 275     transform: translate3d(0, 0, 0);
265   } 276   }
266  277 
267   10%, 30%, 50%, 70%, 90% { 278   10%, 30%, 50%, 70%, 90% {
268     -webkit-transform: translate3d(-10px, 0, 0); 279     -webkit-transform: translate3d(-10px, 0, 0);
269     transform: translate3d(-10px, 0, 0); 280     transform: translate3d(-10px, 0, 0);
270   } 281   }
271  282 
272   20%, 40%, 60%, 80% { 283   20%, 40%, 60%, 80% {
273     -webkit-transform: translate3d(10px, 0, 0); 284     -webkit-transform: translate3d(10px, 0, 0);
274     transform: translate3d(10px, 0, 0); 285     transform: translate3d(10px, 0, 0);
275   } 286   }
276 } 287 }
277  288 
278 .shake { 289 .shake {
279   -webkit-animation-name: shake; 290   -webkit-animation-name: shake;
280   animation-name: shake; 291   animation-name: shake;
281 } 292 }
282  293 
283 @-webkit-keyframes headShake { 294 @-webkit-keyframes headShake {
284   0% { 295   0% {
285     -webkit-transform: translateX(0); 296     -webkit-transform: translateX(0);
286     transform: translateX(0); 297     transform: translateX(0);
287   } 298   }
288  299 
289   6.5% { 300   6.5% {
290     -webkit-transform: translateX(-6px) rotateY(-9deg); 301     -webkit-transform: translateX(-6px) rotateY(-9deg);
291     transform: translateX(-6px) rotateY(-9deg); 302     transform: translateX(-6px) rotateY(-9deg);
292   } 303   }
293  304 
294   18.5% { 305   18.5% {
295     -webkit-transform: translateX(5px) rotateY(7deg); 306     -webkit-transform: translateX(5px) rotateY(7deg);
296     transform: translateX(5px) rotateY(7deg); 307     transform: translateX(5px) rotateY(7deg);
297   } 308   }
298  309 
299   31.5% { 310   31.5% {
300     -webkit-transform: translateX(-3px) rotateY(-5deg); 311     -webkit-transform: translateX(-3px) rotateY(-5deg);
301     transform: translateX(-3px) rotateY(-5deg); 312     transform: translateX(-3px) rotateY(-5deg);
302   } 313   }
303  314 
304   43.5% { 315   43.5% {
305     -webkit-transform: translateX(2px) rotateY(3deg); 316     -webkit-transform: translateX(2px) rotateY(3deg);
306     transform: translateX(2px) rotateY(3deg); 317     transform: translateX(2px) rotateY(3deg);
307   } 318   }
308  319 
309   50% { 320   50% {
310     -webkit-transform: translateX(0); 321     -webkit-transform: translateX(0);
311     transform: translateX(0); 322     transform: translateX(0);
312   } 323   }
313 } 324 }
314  325 
315 @keyframes headShake { 326 @keyframes headShake {
316   0% { 327   0% {
317     -webkit-transform: translateX(0); 328     -webkit-transform: translateX(0);
318     transform: translateX(0); 329     transform: translateX(0);
319   } 330   }
320  331 
321   6.5% { 332   6.5% {
322     -webkit-transform: translateX(-6px) rotateY(-9deg); 333     -webkit-transform: translateX(-6px) rotateY(-9deg);
323     transform: translateX(-6px) rotateY(-9deg); 334     transform: translateX(-6px) rotateY(-9deg);
324   } 335   }
325  336 
326   18.5% { 337   18.5% {
327     -webkit-transform: translateX(5px) rotateY(7deg); 338     -webkit-transform: translateX(5px) rotateY(7deg);
328     transform: translateX(5px) rotateY(7deg); 339     transform: translateX(5px) rotateY(7deg);
329   } 340   }
330  341 
331   31.5% { 342   31.5% {
332     -webkit-transform: translateX(-3px) rotateY(-5deg); 343     -webkit-transform: translateX(-3px) rotateY(-5deg);
333     transform: translateX(-3px) rotateY(-5deg); 344     transform: translateX(-3px) rotateY(-5deg);
334   } 345   }
335  346 
336   43.5% { 347   43.5% {
337     -webkit-transform: translateX(2px) rotateY(3deg); 348     -webkit-transform: translateX(2px) rotateY(3deg);
338     transform: translateX(2px) rotateY(3deg); 349     transform: translateX(2px) rotateY(3deg);
339   } 350   }
340  351 
341   50% { 352   50% {
342     -webkit-transform: translateX(0); 353     -webkit-transform: translateX(0);
343     transform: translateX(0); 354     transform: translateX(0);
344   } 355   }
345 } 356 }
346  357 
347 .headShake { 358 .headShake {
348   -webkit-animation-timing-function: ease-in-out; 359   -webkit-animation-timing-function: ease-in-out;
349   animation-timing-function: ease-in-out; 360   animation-timing-function: ease-in-out;
350   -webkit-animation-name: headShake; 361   -webkit-animation-name: headShake;
351   animation-name: headShake; 362   animation-name: headShake;
352 } 363 }
353  364 
354 @-webkit-keyframes swing { 365 @-webkit-keyframes swing {
355   20% { 366   20% {
356     -webkit-transform: rotate3d(0, 0, 1, 15deg); 367     -webkit-transform: rotate3d(0, 0, 1, 15deg);
357     transform: rotate3d(0, 0, 1, 15deg); 368     transform: rotate3d(0, 0, 1, 15deg);
358   } 369   }
359  370 
360   40% { 371   40% {
361     -webkit-transform: rotate3d(0, 0, 1, -10deg); 372     -webkit-transform: rotate3d(0, 0, 1, -10deg);
362     transform: rotate3d(0, 0, 1, -10deg); 373     transform: rotate3d(0, 0, 1, -10deg);
363   } 374   }
364  375 
365   60% { 376   60% {
366     -webkit-transform: rotate3d(0, 0, 1, 5deg); 377     -webkit-transform: rotate3d(0, 0, 1, 5deg);
367     transform: rotate3d(0, 0, 1, 5deg); 378     transform: rotate3d(0, 0, 1, 5deg);
368   } 379   }
369  380 
370   80% { 381   80% {
371     -webkit-transform: rotate3d(0, 0, 1, -5deg); 382     -webkit-transform: rotate3d(0, 0, 1, -5deg);
372     transform: rotate3d(0, 0, 1, -5deg); 383     transform: rotate3d(0, 0, 1, -5deg);
373   } 384   }
374  385 
375   to { 386   to {
376     -webkit-transform: rotate3d(0, 0, 1, 0deg); 387     -webkit-transform: rotate3d(0, 0, 1, 0deg);
377     transform: rotate3d(0, 0, 1, 0deg); 388     transform: rotate3d(0, 0, 1, 0deg);
378   } 389   }
379 } 390 }
380  391 
381 @keyframes swing { 392 @keyframes swing {
382   20% { 393   20% {
383     -webkit-transform: rotate3d(0, 0, 1, 15deg); 394     -webkit-transform: rotate3d(0, 0, 1, 15deg);
384     transform: rotate3d(0, 0, 1, 15deg); 395     transform: rotate3d(0, 0, 1, 15deg);
385   } 396   }
386  397 
387   40% { 398   40% {
388     -webkit-transform: rotate3d(0, 0, 1, -10deg); 399     -webkit-transform: rotate3d(0, 0, 1, -10deg);
389     transform: rotate3d(0, 0, 1, -10deg); 400     transform: rotate3d(0, 0, 1, -10deg);
390   } 401   }
391  402 
392   60% { 403   60% {
393     -webkit-transform: rotate3d(0, 0, 1, 5deg); 404     -webkit-transform: rotate3d(0, 0, 1, 5deg);
394     transform: rotate3d(0, 0, 1, 5deg); 405     transform: rotate3d(0, 0, 1, 5deg);
395   } 406   }
396  407 
397   80% { 408   80% {
398     -webkit-transform: rotate3d(0, 0, 1, -5deg); 409     -webkit-transform: rotate3d(0, 0, 1, -5deg);
399     transform: rotate3d(0, 0, 1, -5deg); 410     transform: rotate3d(0, 0, 1, -5deg);
400   } 411   }
401  412 
402   to { 413   to {
403     -webkit-transform: rotate3d(0, 0, 1, 0deg); 414     -webkit-transform: rotate3d(0, 0, 1, 0deg);
404     transform: rotate3d(0, 0, 1, 0deg); 415     transform: rotate3d(0, 0, 1, 0deg);
405   } 416   }
406 } 417 }
407  418 
408 .swing { 419 .swing {
409   -webkit-transform-origin: top center; 420   -webkit-transform-origin: top center;
410   transform-origin: top center; 421   transform-origin: top center;
411   -webkit-animation-name: swing; 422   -webkit-animation-name: swing;
412   animation-name: swing; 423   animation-name: swing;
413 } 424 }
414  425 
415 @-webkit-keyframes tada { 426 @-webkit-keyframes tada {
416   from { 427   from {
417     -webkit-transform: scale3d(1, 1, 1); 428     -webkit-transform: scale3d(1, 1, 1);
418     transform: scale3d(1, 1, 1); 429     transform: scale3d(1, 1, 1);
419   } 430   }
420  431 
421   10%, 20% { 432   10%, 20% {
422     -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); 433     -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
423     transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); 434     transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
424   } 435   }
425  436 
426   30%, 50%, 70%, 90% { 437   30%, 50%, 70%, 90% {
427     -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); 438     -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
428     transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); 439     transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
429   } 440   }
430  441 
431   40%, 60%, 80% { 442   40%, 60%, 80% {
432     -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); 443     -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
433     transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); 444     transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
434   } 445   }
435  446 
436   to { 447   to {
437     -webkit-transform: scale3d(1, 1, 1); 448     -webkit-transform: scale3d(1, 1, 1);
438     transform: scale3d(1, 1, 1); 449     transform: scale3d(1, 1, 1);
439   } 450   }
440 } 451 }
441  452 
442 @keyframes tada { 453 @keyframes tada {
443   from { 454   from {
444     -webkit-transform: scale3d(1, 1, 1); 455     -webkit-transform: scale3d(1, 1, 1);
445     transform: scale3d(1, 1, 1); 456     transform: scale3d(1, 1, 1);
446   } 457   }
447  458 
448   10%, 20% { 459   10%, 20% {
449     -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); 460     -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
450     transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); 461     transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
451   } 462   }
452  463 
453   30%, 50%, 70%, 90% { 464   30%, 50%, 70%, 90% {
454     -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); 465     -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
455     transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); 466     transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
456   } 467   }
457  468 
458   40%, 60%, 80% { 469   40%, 60%, 80% {
459     -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); 470     -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
460     transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); 471     transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
461   } 472   }
462  473 
463   to { 474   to {
464     -webkit-transform: scale3d(1, 1, 1); 475     -webkit-transform: scale3d(1, 1, 1);
465     transform: scale3d(1, 1, 1); 476     transform: scale3d(1, 1, 1);
466   } 477   }
467 } 478 }
468  479 
469 .tada { 480 .tada {
470   -webkit-animation-name: tada; 481   -webkit-animation-name: tada;
471   animation-name: tada; 482   animation-name: tada;
472 } 483 }
473  484 
474 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ 485 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
475  486 
476 @-webkit-keyframes wobble { 487 @-webkit-keyframes wobble {
477   from { 488   from {
478     -webkit-transform: none; 489     -webkit-transform: none;
479     transform: none; 490     transform: none;
480   } 491   }
481  492 
482   15% { 493   15% {
483     -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); 494     -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
484     transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); 495     transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
485   } 496   }
486  497 
487   30% { 498   30% {
488     -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); 499     -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
489     transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); 500     transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
490   } 501   }
491  502 
492   45% { 503   45% {
493     -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); 504     -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
494     transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); 505     transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
495   } 506   }
496  507 
497   60% { 508   60% {
498     -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); 509     -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
499     transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); 510     transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
500   } 511   }
501  512 
502   75% { 513   75% {
503     -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); 514     -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
504     transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); 515     transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
505   } 516   }
506  517 
507   to { 518   to {
508     -webkit-transform: none; 519     -webkit-transform: none;
509     transform: none; 520     transform: none;
510   } 521   }
511 } 522 }
512  523 
513 @keyframes wobble { 524 @keyframes wobble {
514   from { 525   from {
515     -webkit-transform: none; 526     -webkit-transform: none;
516     transform: none; 527     transform: none;
517   } 528   }
518  529 
519   15% { 530   15% {
520     -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); 531     -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
521     transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); 532     transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
522   } 533   }
523  534 
524   30% { 535   30% {
525     -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); 536     -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
526     transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); 537     transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
527   } 538   }
528  539 
529   45% { 540   45% {
530     -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); 541     -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
531     transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); 542     transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
532   } 543   }
533  544 
534   60% { 545   60% {
535     -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); 546     -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
536     transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); 547     transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
537   } 548   }
538  549 
539   75% { 550   75% {
540     -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); 551     -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
541     transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); 552     transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
542   } 553   }
543  554 
544   to { 555   to {
545     -webkit-transform: none; 556     -webkit-transform: none;
546     transform: none; 557     transform: none;
547   } 558   }
548 } 559 }
549  560 
550 .wobble { 561 .wobble {
551   -webkit-animation-name: wobble; 562   -webkit-animation-name: wobble;
552   animation-name: wobble; 563   animation-name: wobble;
553 } 564 }
554  565 
555 @-webkit-keyframes jello { 566 @-webkit-keyframes jello {
556   from, 11.1%, to { 567   from, 11.1%, to {
557     -webkit-transform: none; 568     -webkit-transform: none;
558     transform: none; 569     transform: none;
559   } 570   }
560  571 
561   22.2% { 572   22.2% {
562     -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); 573     -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
563     transform: skewX(-12.5deg) skewY(-12.5deg); 574     transform: skewX(-12.5deg) skewY(-12.5deg);
564   } 575   }
565  576 
566   33.3% { 577   33.3% {
567     -webkit-transform: skewX(6.25deg) skewY(6.25deg); 578     -webkit-transform: skewX(6.25deg) skewY(6.25deg);
568     transform: skewX(6.25deg) skewY(6.25deg); 579     transform: skewX(6.25deg) skewY(6.25deg);
569   } 580   }
570  581 
571   44.4% { 582   44.4% {
572     -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); 583     -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
573     transform: skewX(-3.125deg) skewY(-3.125deg); 584     transform: skewX(-3.125deg) skewY(-3.125deg);
574   } 585   }
575  586 
576   55.5% { 587   55.5% {
577     -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); 588     -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
578     transform: skewX(1.5625deg) skewY(1.5625deg); 589     transform: skewX(1.5625deg) skewY(1.5625deg);
579   } 590   }
580  591 
581   66.6% { 592   66.6% {
582     -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); 593     -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
583     transform: skewX(-0.78125deg) skewY(-0.78125deg); 594     transform: skewX(-0.78125deg) skewY(-0.78125deg);
584   } 595   }
585  596 
586   77.7% { 597   77.7% {
587     -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); 598     -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
588     transform: skewX(0.390625deg) skewY(0.390625deg); 599     transform: skewX(0.390625deg) skewY(0.390625deg);
589   } 600   }
590  601 
591   88.8% { 602   88.8% {
592     -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); 603     -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
593     transform: skewX(-0.1953125deg) skewY(-0.1953125deg); 604     transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
594   } 605   }
595 } 606 }
596  607 
597 @keyframes jello { 608 @keyframes jello {
598   from, 11.1%, to { 609   from, 11.1%, to {
599     -webkit-transform: none; 610     -webkit-transform: none;
600     transform: none; 611     transform: none;
601   } 612   }
602  613 
603   22.2% { 614   22.2% {
604     -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); 615     -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
605     transform: skewX(-12.5deg) skewY(-12.5deg); 616     transform: skewX(-12.5deg) skewY(-12.5deg);
606   } 617   }
607  618 
608   33.3% { 619   33.3% {
609     -webkit-transform: skewX(6.25deg) skewY(6.25deg); 620     -webkit-transform: skewX(6.25deg) skewY(6.25deg);
610     transform: skewX(6.25deg) skewY(6.25deg); 621     transform: skewX(6.25deg) skewY(6.25deg);
611   } 622   }
612  623 
613   44.4% { 624   44.4% {
614     -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); 625     -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
615     transform: skewX(-3.125deg) skewY(-3.125deg); 626     transform: skewX(-3.125deg) skewY(-3.125deg);
616   } 627   }
617  628 
618   55.5% { 629   55.5% {
619     -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); 630     -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
620     transform: skewX(1.5625deg) skewY(1.5625deg); 631     transform: skewX(1.5625deg) skewY(1.5625deg);
621   } 632   }
622  633 
623   66.6% { 634   66.6% {
624     -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); 635     -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
625     transform: skewX(-0.78125deg) skewY(-0.78125deg); 636     transform: skewX(-0.78125deg) skewY(-0.78125deg);
626   } 637   }
627  638 
628   77.7% { 639   77.7% {
629     -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); 640     -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
630     transform: skewX(0.390625deg) skewY(0.390625deg); 641     transform: skewX(0.390625deg) skewY(0.390625deg);
631   } 642   }
632  643 
633   88.8% { 644   88.8% {
634     -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); 645     -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
635     transform: skewX(-0.1953125deg) skewY(-0.1953125deg); 646     transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
636   } 647   }
637 } 648 }
638  649 
639 .jello { 650 .jello {
640   -webkit-animation-name: jello; 651   -webkit-animation-name: jello;
641   animation-name: jello; 652   animation-name: jello;
642   -webkit-transform-origin: center; 653   -webkit-transform-origin: center;
643   transform-origin: center; 654   transform-origin: center;
644 } 655 }
645  656 
646 @-webkit-keyframes bounceIn { 657 @-webkit-keyframes bounceIn {
647   from, 20%, 40%, 60%, 80%, to { 658   from, 20%, 40%, 60%, 80%, to {
648     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 659     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
649     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 660     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
650   } 661   }
651  662 
652   0% { 663   0% {
653     opacity: 0; 664     opacity: 0;
654     -webkit-transform: scale3d(.3, .3, .3); 665     -webkit-transform: scale3d(.3, .3, .3);
655     transform: scale3d(.3, .3, .3); 666     transform: scale3d(.3, .3, .3);
656   } 667   }
657  668 
658   20% { 669   20% {
659     -webkit-transform: scale3d(1.1, 1.1, 1.1); 670     -webkit-transform: scale3d(1.1, 1.1, 1.1);
660     transform: scale3d(1.1, 1.1, 1.1); 671     transform: scale3d(1.1, 1.1, 1.1);
661   } 672   }
662  673 
663   40% { 674   40% {
664     -webkit-transform: scale3d(.9, .9, .9); 675     -webkit-transform: scale3d(.9, .9, .9);
665     transform: scale3d(.9, .9, .9); 676     transform: scale3d(.9, .9, .9);
666   } 677   }
667  678 
668   60% { 679   60% {
669     opacity: 1; 680     opacity: 1;
670     -webkit-transform: scale3d(1.03, 1.03, 1.03); 681     -webkit-transform: scale3d(1.03, 1.03, 1.03);
671     transform: scale3d(1.03, 1.03, 1.03); 682     transform: scale3d(1.03, 1.03, 1.03);
672   } 683   }
673  684 
674   80% { 685   80% {
675     -webkit-transform: scale3d(.97, .97, .97); 686     -webkit-transform: scale3d(.97, .97, .97);
676     transform: scale3d(.97, .97, .97); 687     transform: scale3d(.97, .97, .97);
677   } 688   }
678  689 
679   to { 690   to {
680     opacity: 1; 691     opacity: 1;
681     -webkit-transform: scale3d(1, 1, 1); 692     -webkit-transform: scale3d(1, 1, 1);
682     transform: scale3d(1, 1, 1); 693     transform: scale3d(1, 1, 1);
683   } 694   }
684 } 695 }
685  696 
686 @keyframes bounceIn { 697 @keyframes bounceIn {
687   from, 20%, 40%, 60%, 80%, to { 698   from, 20%, 40%, 60%, 80%, to {
688     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 699     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
689     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 700     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
690   } 701   }
691  702 
692   0% { 703   0% {
693     opacity: 0; 704     opacity: 0;
694     -webkit-transform: scale3d(.3, .3, .3); 705     -webkit-transform: scale3d(.3, .3, .3);
695     transform: scale3d(.3, .3, .3); 706     transform: scale3d(.3, .3, .3);
696   } 707   }
697  708 
698   20% { 709   20% {
699     -webkit-transform: scale3d(1.1, 1.1, 1.1); 710     -webkit-transform: scale3d(1.1, 1.1, 1.1);
700     transform: scale3d(1.1, 1.1, 1.1); 711     transform: scale3d(1.1, 1.1, 1.1);
701   } 712   }
702  713 
703   40% { 714   40% {
704     -webkit-transform: scale3d(.9, .9, .9); 715     -webkit-transform: scale3d(.9, .9, .9);
705     transform: scale3d(.9, .9, .9); 716     transform: scale3d(.9, .9, .9);
706   } 717   }
707  718 
708   60% { 719   60% {
709     opacity: 1; 720     opacity: 1;
710     -webkit-transform: scale3d(1.03, 1.03, 1.03); 721     -webkit-transform: scale3d(1.03, 1.03, 1.03);
711     transform: scale3d(1.03, 1.03, 1.03); 722     transform: scale3d(1.03, 1.03, 1.03);
712   } 723   }
713  724 
714   80% { 725   80% {
715     -webkit-transform: scale3d(.97, .97, .97); 726     -webkit-transform: scale3d(.97, .97, .97);
716     transform: scale3d(.97, .97, .97); 727     transform: scale3d(.97, .97, .97);
717   } 728   }
718  729 
719   to { 730   to {
720     opacity: 1; 731     opacity: 1;
721     -webkit-transform: scale3d(1, 1, 1); 732     -webkit-transform: scale3d(1, 1, 1);
722     transform: scale3d(1, 1, 1); 733     transform: scale3d(1, 1, 1);
723   } 734   }
724 } 735 }
725  736 
726 .bounceIn { 737 .bounceIn {
727   -webkit-animation-name: bounceIn; 738   -webkit-animation-name: bounceIn;
728   animation-name: bounceIn; 739   animation-name: bounceIn;
729 } 740 }
730  741 
731 @-webkit-keyframes bounceInDown { 742 @-webkit-keyframes bounceInDown {
732   from, 60%, 75%, 90%, to { 743   from, 60%, 75%, 90%, to {
733     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 744     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
734     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 745     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
735   } 746   }
736  747 
737   0% { 748   0% {
738     opacity: 0; 749     opacity: 0;
739     -webkit-transform: translate3d(0, -3000px, 0); 750     -webkit-transform: translate3d(0, -3000px, 0);
740     transform: translate3d(0, -3000px, 0); 751     transform: translate3d(0, -3000px, 0);
741   } 752   }
742  753 
743   60% { 754   60% {
744     opacity: 1; 755     opacity: 1;
745     -webkit-transform: translate3d(0, 25px, 0); 756     -webkit-transform: translate3d(0, 25px, 0);
746     transform: translate3d(0, 25px, 0); 757     transform: translate3d(0, 25px, 0);
747   } 758   }
748  759 
749   75% { 760   75% {
750     -webkit-transform: translate3d(0, -10px, 0); 761     -webkit-transform: translate3d(0, -10px, 0);
751     transform: translate3d(0, -10px, 0); 762     transform: translate3d(0, -10px, 0);
752   } 763   }
753  764 
754   90% { 765   90% {
755     -webkit-transform: translate3d(0, 5px, 0); 766     -webkit-transform: translate3d(0, 5px, 0);
756     transform: translate3d(0, 5px, 0); 767     transform: translate3d(0, 5px, 0);
757   } 768   }
758  769 
759   to { 770   to {
760     -webkit-transform: none; 771     -webkit-transform: none;
761     transform: none; 772     transform: none;
762   } 773   }
763 } 774 }
764  775 
765 @keyframes bounceInDown { 776 @keyframes bounceInDown {
766   from, 60%, 75%, 90%, to { 777   from, 60%, 75%, 90%, to {
767     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 778     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
768     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 779     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
769   } 780   }
770  781 
771   0% { 782   0% {
772     opacity: 0; 783     opacity: 0;
773     -webkit-transform: translate3d(0, -3000px, 0); 784     -webkit-transform: translate3d(0, -3000px, 0);
774     transform: translate3d(0, -3000px, 0); 785     transform: translate3d(0, -3000px, 0);
775   } 786   }
776  787 
777   60% { 788   60% {
778     opacity: 1; 789     opacity: 1;
779     -webkit-transform: translate3d(0, 25px, 0); 790     -webkit-transform: translate3d(0, 25px, 0);
780     transform: translate3d(0, 25px, 0); 791     transform: translate3d(0, 25px, 0);
781   } 792   }
782  793 
783   75% { 794   75% {
784     -webkit-transform: translate3d(0, -10px, 0); 795     -webkit-transform: translate3d(0, -10px, 0);
785     transform: translate3d(0, -10px, 0); 796     transform: translate3d(0, -10px, 0);
786   } 797   }
787  798 
788   90% { 799   90% {
789     -webkit-transform: translate3d(0, 5px, 0); 800     -webkit-transform: translate3d(0, 5px, 0);
790     transform: translate3d(0, 5px, 0); 801     transform: translate3d(0, 5px, 0);
791   } 802   }
792  803 
793   to { 804   to {
794     -webkit-transform: none; 805     -webkit-transform: none;
795     transform: none; 806     transform: none;
796   } 807   }
797 } 808 }
798  809 
799 .bounceInDown { 810 .bounceInDown {
800   -webkit-animation-name: bounceInDown; 811   -webkit-animation-name: bounceInDown;
801   animation-name: bounceInDown; 812   animation-name: bounceInDown;
802 } 813 }
803  814 
804 @-webkit-keyframes bounceInLeft { 815 @-webkit-keyframes bounceInLeft {
805   from, 60%, 75%, 90%, to { 816   from, 60%, 75%, 90%, to {
806     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 817     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
807     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 818     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
808   } 819   }
809  820 
810   0% { 821   0% {
811     opacity: 0; 822     opacity: 0;
812     -webkit-transform: translate3d(-3000px, 0, 0); 823     -webkit-transform: translate3d(-3000px, 0, 0);
813     transform: translate3d(-3000px, 0, 0); 824     transform: translate3d(-3000px, 0, 0);
814   } 825   }
815  826 
816   60% { 827   60% {
817     opacity: 1; 828     opacity: 1;
818     -webkit-transform: translate3d(25px, 0, 0); 829     -webkit-transform: translate3d(25px, 0, 0);
819     transform: translate3d(25px, 0, 0); 830     transform: translate3d(25px, 0, 0);
820   } 831   }
821  832 
822   75% { 833   75% {
823     -webkit-transform: translate3d(-10px, 0, 0); 834     -webkit-transform: translate3d(-10px, 0, 0);
824     transform: translate3d(-10px, 0, 0); 835     transform: translate3d(-10px, 0, 0);
825   } 836   }
826  837 
827   90% { 838   90% {
828     -webkit-transform: translate3d(5px, 0, 0); 839     -webkit-transform: translate3d(5px, 0, 0);
829     transform: translate3d(5px, 0, 0); 840     transform: translate3d(5px, 0, 0);
830   } 841   }
831  842 
832   to { 843   to {
833     -webkit-transform: none; 844     -webkit-transform: none;
834     transform: none; 845     transform: none;
835   } 846   }
836 } 847 }
837  848 
838 @keyframes bounceInLeft { 849 @keyframes bounceInLeft {
839   from, 60%, 75%, 90%, to { 850   from, 60%, 75%, 90%, to {
840     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 851     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
841     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 852     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
842   } 853   }
843  854 
844   0% { 855   0% {
845     opacity: 0; 856     opacity: 0;
846     -webkit-transform: translate3d(-3000px, 0, 0); 857     -webkit-transform: translate3d(-3000px, 0, 0);
847     transform: translate3d(-3000px, 0, 0); 858     transform: translate3d(-3000px, 0, 0);
848   } 859   }
849  860 
850   60% { 861   60% {
851     opacity: 1; 862     opacity: 1;
852     -webkit-transform: translate3d(25px, 0, 0); 863     -webkit-transform: translate3d(25px, 0, 0);
853     transform: translate3d(25px, 0, 0); 864     transform: translate3d(25px, 0, 0);
854   } 865   }
855  866 
856   75% { 867   75% {
857     -webkit-transform: translate3d(-10px, 0, 0); 868     -webkit-transform: translate3d(-10px, 0, 0);
858     transform: translate3d(-10px, 0, 0); 869     transform: translate3d(-10px, 0, 0);
859   } 870   }
860  871 
861   90% { 872   90% {
862     -webkit-transform: translate3d(5px, 0, 0); 873     -webkit-transform: translate3d(5px, 0, 0);
863     transform: translate3d(5px, 0, 0); 874     transform: translate3d(5px, 0, 0);
864   } 875   }
865  876 
866   to { 877   to {
867     -webkit-transform: none; 878     -webkit-transform: none;
868     transform: none; 879     transform: none;
869   } 880   }
870 } 881 }
871  882 
872 .bounceInLeft { 883 .bounceInLeft {
873   -webkit-animation-name: bounceInLeft; 884   -webkit-animation-name: bounceInLeft;
874   animation-name: bounceInLeft; 885   animation-name: bounceInLeft;
875 } 886 }
876  887 
877 @-webkit-keyframes bounceInRight { 888 @-webkit-keyframes bounceInRight {
878   from, 60%, 75%, 90%, to { 889   from, 60%, 75%, 90%, to {
879     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 890     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
880     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 891     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
881   } 892   }
882  893 
883   from { 894   from {
884     opacity: 0; 895     opacity: 0;
885     -webkit-transform: translate3d(3000px, 0, 0); 896     -webkit-transform: translate3d(3000px, 0, 0);
886     transform: translate3d(3000px, 0, 0); 897     transform: translate3d(3000px, 0, 0);
887   } 898   }
888  899 
889   60% { 900   60% {
890     opacity: 1; 901     opacity: 1;
891     -webkit-transform: translate3d(-25px, 0, 0); 902     -webkit-transform: translate3d(-25px, 0, 0);
892     transform: translate3d(-25px, 0, 0); 903     transform: translate3d(-25px, 0, 0);
893   } 904   }
894  905 
895   75% { 906   75% {
896     -webkit-transform: translate3d(10px, 0, 0); 907     -webkit-transform: translate3d(10px, 0, 0);
897     transform: translate3d(10px, 0, 0); 908     transform: translate3d(10px, 0, 0);
898   } 909   }
899  910 
900   90% { 911   90% {
901     -webkit-transform: translate3d(-5px, 0, 0); 912     -webkit-transform: translate3d(-5px, 0, 0);
902     transform: translate3d(-5px, 0, 0); 913     transform: translate3d(-5px, 0, 0);
903   } 914   }
904  915 
905   to { 916   to {
906     -webkit-transform: none; 917     -webkit-transform: none;
907     transform: none; 918     transform: none;
908   } 919   }
909 } 920 }
910  921 
911 @keyframes bounceInRight { 922 @keyframes bounceInRight {
912   from, 60%, 75%, 90%, to { 923   from, 60%, 75%, 90%, to {
913     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 924     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
914     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 925     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
915   } 926   }
916  927 
917   from { 928   from {
918     opacity: 0; 929     opacity: 0;
919     -webkit-transform: translate3d(3000px, 0, 0); 930     -webkit-transform: translate3d(3000px, 0, 0);
920     transform: translate3d(3000px, 0, 0); 931     transform: translate3d(3000px, 0, 0);
921   } 932   }
922  933 
923   60% { 934   60% {
924     opacity: 1; 935     opacity: 1;
925     -webkit-transform: translate3d(-25px, 0, 0); 936     -webkit-transform: translate3d(-25px, 0, 0);
926     transform: translate3d(-25px, 0, 0); 937     transform: translate3d(-25px, 0, 0);
927   } 938   }
928  939 
929   75% { 940   75% {
930     -webkit-transform: translate3d(10px, 0, 0); 941     -webkit-transform: translate3d(10px, 0, 0);
931     transform: translate3d(10px, 0, 0); 942     transform: translate3d(10px, 0, 0);
932   } 943   }
933  944 
934   90% { 945   90% {
935     -webkit-transform: translate3d(-5px, 0, 0); 946     -webkit-transform: translate3d(-5px, 0, 0);
936     transform: translate3d(-5px, 0, 0); 947     transform: translate3d(-5px, 0, 0);
937   } 948   }
938  949 
939   to { 950   to {
940     -webkit-transform: none; 951     -webkit-transform: none;
941     transform: none; 952     transform: none;
942   } 953   }
943 } 954 }
944  955 
945 .bounceInRight { 956 .bounceInRight {
946   -webkit-animation-name: bounceInRight; 957   -webkit-animation-name: bounceInRight;
947   animation-name: bounceInRight; 958   animation-name: bounceInRight;
948 } 959 }
949  960 
950 @-webkit-keyframes bounceInUp { 961 @-webkit-keyframes bounceInUp {
951   from, 60%, 75%, 90%, to { 962   from, 60%, 75%, 90%, to {
952     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 963     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
953     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 964     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
954   } 965   }
955  966 
956   from { 967   from {
957     opacity: 0; 968     opacity: 0;
958     -webkit-transform: translate3d(0, 3000px, 0); 969     -webkit-transform: translate3d(0, 3000px, 0);
959     transform: translate3d(0, 3000px, 0); 970     transform: translate3d(0, 3000px, 0);
960   } 971   }
961  972 
962   60% { 973   60% {
963     opacity: 1; 974     opacity: 1;
964     -webkit-transform: translate3d(0, -20px, 0); 975     -webkit-transform: translate3d(0, -20px, 0);
965     transform: translate3d(0, -20px, 0); 976     transform: translate3d(0, -20px, 0);
966   } 977   }
967  978 
968   75% { 979   75% {
969     -webkit-transform: translate3d(0, 10px, 0); 980     -webkit-transform: translate3d(0, 10px, 0);
970     transform: translate3d(0, 10px, 0); 981     transform: translate3d(0, 10px, 0);
971   } 982   }
972  983 
973   90% { 984   90% {
974     -webkit-transform: translate3d(0, -5px, 0); 985     -webkit-transform: translate3d(0, -5px, 0);
975     transform: translate3d(0, -5px, 0); 986     transform: translate3d(0, -5px, 0);
976   } 987   }
977  988 
978   to { 989   to {
979     -webkit-transform: translate3d(0, 0, 0); 990     -webkit-transform: translate3d(0, 0, 0);
980     transform: translate3d(0, 0, 0); 991     transform: translate3d(0, 0, 0);
981   } 992   }
982 } 993 }
983  994 
984 @keyframes bounceInUp { 995 @keyframes bounceInUp {
985   from, 60%, 75%, 90%, to { 996   from, 60%, 75%, 90%, to {
986     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 997     -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
987     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); 998     animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
988   } 999   }
989  1000 
990   from { 1001   from {
991     opacity: 0; 1002     opacity: 0;
992     -webkit-transform: translate3d(0, 3000px, 0); 1003     -webkit-transform: translate3d(0, 3000px, 0);
993     transform: translate3d(0, 3000px, 0); 1004     transform: translate3d(0, 3000px, 0);
994   } 1005   }
995  1006 
996   60% { 1007   60% {
997     opacity: 1; 1008     opacity: 1;
998     -webkit-transform: translate3d(0, -20px, 0); 1009     -webkit-transform: translate3d(0, -20px, 0);
999     transform: translate3d(0, -20px, 0); 1010     transform: translate3d(0, -20px, 0);
1000   } 1011   }
1001  1012 
1002   75% { 1013   75% {
1003     -webkit-transform: translate3d(0, 10px, 0); 1014     -webkit-transform: translate3d(0, 10px, 0);
1004     transform: translate3d(0, 10px, 0); 1015     transform: translate3d(0, 10px, 0);
1005   } 1016   }
1006  1017 
1007   90% { 1018   90% {
1008     -webkit-transform: translate3d(0, -5px, 0); 1019     -webkit-transform: translate3d(0, -5px, 0);
1009     transform: translate3d(0, -5px, 0); 1020     transform: translate3d(0, -5px, 0);
1010   } 1021   }
1011  1022 
1012   to { 1023   to {
1013     -webkit-transform: translate3d(0, 0, 0); 1024     -webkit-transform: translate3d(0, 0, 0);
1014     transform: translate3d(0, 0, 0); 1025     transform: translate3d(0, 0, 0);
1015   } 1026   }
1016 } 1027 }
1017  1028 
1018 .bounceInUp { 1029 .bounceInUp {
1019   -webkit-animation-name: bounceInUp; 1030   -webkit-animation-name: bounceInUp;
1020   animation-name: bounceInUp; 1031   animation-name: bounceInUp;
1021 } 1032 }
1022  1033 
1023 @-webkit-keyframes bounceOut { 1034 @-webkit-keyframes bounceOut {
1024   20% { 1035   20% {
1025     -webkit-transform: scale3d(.9, .9, .9); 1036     -webkit-transform: scale3d(.9, .9, .9);
1026     transform: scale3d(.9, .9, .9); 1037     transform: scale3d(.9, .9, .9);
1027   } 1038   }
1028  1039 
1029   50%, 55% { 1040   50%, 55% {
1030     opacity: 1; 1041     opacity: 1;
1031     -webkit-transform: scale3d(1.1, 1.1, 1.1); 1042     -webkit-transform: scale3d(1.1, 1.1, 1.1);
1032     transform: scale3d(1.1, 1.1, 1.1); 1043     transform: scale3d(1.1, 1.1, 1.1);
1033   } 1044   }
1034  1045 
1035   to { 1046   to {
1036     opacity: 0; 1047     opacity: 0;
1037     -webkit-transform: scale3d(.3, .3, .3); 1048     -webkit-transform: scale3d(.3, .3, .3);
1038     transform: scale3d(.3, .3, .3); 1049     transform: scale3d(.3, .3, .3);
1039   } 1050   }
1040 } 1051 }
1041  1052 
1042 @keyframes bounceOut { 1053 @keyframes bounceOut {
1043   20% { 1054   20% {
1044     -webkit-transform: scale3d(.9, .9, .9); 1055     -webkit-transform: scale3d(.9, .9, .9);
1045     transform: scale3d(.9, .9, .9); 1056     transform: scale3d(.9, .9, .9);
1046   } 1057   }
1047  1058 
1048   50%, 55% { 1059   50%, 55% {
1049     opacity: 1; 1060     opacity: 1;
1050     -webkit-transform: scale3d(1.1, 1.1, 1.1); 1061     -webkit-transform: scale3d(1.1, 1.1, 1.1);
1051     transform: scale3d(1.1, 1.1, 1.1); 1062     transform: scale3d(1.1, 1.1, 1.1);
1052   } 1063   }
1053  1064 
1054   to { 1065   to {
1055     opacity: 0; 1066     opacity: 0;
1056     -webkit-transform: scale3d(.3, .3, .3); 1067     -webkit-transform: scale3d(.3, .3, .3);
1057     transform: scale3d(.3, .3, .3); 1068     transform: scale3d(.3, .3, .3);
1058   } 1069   }
1059 } 1070 }
1060  1071 
1061 .bounceOut { 1072 .bounceOut {
1062   -webkit-animation-name: bounceOut; 1073   -webkit-animation-name: bounceOut;
1063   animation-name: bounceOut; 1074   animation-name: bounceOut;
1064 } 1075 }
1065  1076 
1066 @-webkit-keyframes bounceOutDown { 1077 @-webkit-keyframes bounceOutDown {
1067   20% { 1078   20% {
1068     -webkit-transform: translate3d(0, 10px, 0); 1079     -webkit-transform: translate3d(0, 10px, 0);
1069     transform: translate3d(0, 10px, 0); 1080     transform: translate3d(0, 10px, 0);
1070   } 1081   }
1071  1082 
1072   40%, 45% { 1083   40%, 45% {
1073     opacity: 1; 1084     opacity: 1;
1074     -webkit-transform: translate3d(0, -20px, 0); 1085     -webkit-transform: translate3d(0, -20px, 0);
1075     transform: translate3d(0, -20px, 0); 1086     transform: translate3d(0, -20px, 0);
1076   } 1087   }
1077  1088 
1078   to { 1089   to {
1079     opacity: 0; 1090     opacity: 0;
1080     -webkit-transform: translate3d(0, 2000px, 0); 1091     -webkit-transform: translate3d(0, 2000px, 0);
1081     transform: translate3d(0, 2000px, 0); 1092     transform: translate3d(0, 2000px, 0);
1082   } 1093   }
1083 } 1094 }
1084  1095 
1085 @keyframes bounceOutDown { 1096 @keyframes bounceOutDown {
1086   20% { 1097   20% {
1087     -webkit-transform: translate3d(0, 10px, 0); 1098     -webkit-transform: translate3d(0, 10px, 0);
1088     transform: translate3d(0, 10px, 0); 1099     transform: translate3d(0, 10px, 0);
1089   } 1100   }
1090  1101 
1091   40%, 45% { 1102   40%, 45% {
1092     opacity: 1; 1103     opacity: 1;
1093     -webkit-transform: translate3d(0, -20px, 0); 1104     -webkit-transform: translate3d(0, -20px, 0);
1094     transform: translate3d(0, -20px, 0); 1105     transform: translate3d(0, -20px, 0);
1095   } 1106   }
1096  1107 
1097   to { 1108   to {
1098     opacity: 0; 1109     opacity: 0;
1099     -webkit-transform: translate3d(0, 2000px, 0); 1110     -webkit-transform: translate3d(0, 2000px, 0);
1100     transform: translate3d(0, 2000px, 0); 1111     transform: translate3d(0, 2000px, 0);
1101   } 1112   }
1102 } 1113 }
1103  1114 
1104 .bounceOutDown { 1115 .bounceOutDown {
1105   -webkit-animation-name: bounceOutDown; 1116   -webkit-animation-name: bounceOutDown;
1106   animation-name: bounceOutDown; 1117   animation-name: bounceOutDown;
1107 } 1118 }
1108  1119 
1109 @-webkit-keyframes bounceOutLeft { 1120 @-webkit-keyframes bounceOutLeft {
1110   20% { 1121   20% {
1111     opacity: 1; 1122     opacity: 1;
1112     -webkit-transform: translate3d(20px, 0, 0); 1123     -webkit-transform: translate3d(20px, 0, 0);
1113     transform: translate3d(20px, 0, 0); 1124     transform: translate3d(20px, 0, 0);
1114   } 1125   }
1115  1126 
1116   to { 1127   to {
1117     opacity: 0; 1128     opacity: 0;
1118     -webkit-transform: translate3d(-2000px, 0, 0); 1129     -webkit-transform: translate3d(-2000px, 0, 0);
1119     transform: translate3d(-2000px, 0, 0); 1130     transform: translate3d(-2000px, 0, 0);
1120   } 1131   }
1121 } 1132 }
1122  1133 
1123 @keyframes bounceOutLeft { 1134 @keyframes bounceOutLeft {
1124   20% { 1135   20% {
1125     opacity: 1; 1136     opacity: 1;
1126     -webkit-transform: translate3d(20px, 0, 0); 1137     -webkit-transform: translate3d(20px, 0, 0);
1127     transform: translate3d(20px, 0, 0); 1138     transform: translate3d(20px, 0, 0);
1128   } 1139   }
1129  1140 
1130   to { 1141   to {
1131     opacity: 0; 1142     opacity: 0;
1132     -webkit-transform: translate3d(-2000px, 0, 0); 1143     -webkit-transform: translate3d(-2000px, 0, 0);
1133     transform: translate3d(-2000px, 0, 0); 1144     transform: translate3d(-2000px, 0, 0);
1134   } 1145   }
1135 } 1146 }
1136  1147 
1137 .bounceOutLeft { 1148 .bounceOutLeft {
1138   -webkit-animation-name: bounceOutLeft; 1149   -webkit-animation-name: bounceOutLeft;
1139   animation-name: bounceOutLeft; 1150   animation-name: bounceOutLeft;
1140 } 1151 }
1141  1152 
1142 @-webkit-keyframes bounceOutRight { 1153 @-webkit-keyframes bounceOutRight {
1143   20% { 1154   20% {
1144     opacity: 1; 1155     opacity: 1;
1145     -webkit-transform: translate3d(-20px, 0, 0); 1156     -webkit-transform: translate3d(-20px, 0, 0);
1146     transform: translate3d(-20px, 0, 0); 1157     transform: translate3d(-20px, 0, 0);
1147   } 1158   }
1148  1159 
1149   to { 1160   to {
1150     opacity: 0; 1161     opacity: 0;
1151     -webkit-transform: translate3d(2000px, 0, 0); 1162     -webkit-transform: translate3d(2000px, 0, 0);
1152     transform: translate3d(2000px, 0, 0); 1163     transform: translate3d(2000px, 0, 0);
1153   } 1164   }
1154 } 1165 }
1155  1166 
1156 @keyframes bounceOutRight { 1167 @keyframes bounceOutRight {
1157   20% { 1168   20% {
1158     opacity: 1; 1169     opacity: 1;
1159     -webkit-transform: translate3d(-20px, 0, 0); 1170     -webkit-transform: translate3d(-20px, 0, 0);
1160     transform: translate3d(-20px, 0, 0); 1171     transform: translate3d(-20px, 0, 0);
1161   } 1172   }
1162  1173 
1163   to { 1174   to {
1164     opacity: 0; 1175     opacity: 0;
1165     -webkit-transform: translate3d(2000px, 0, 0); 1176     -webkit-transform: translate3d(2000px, 0, 0);
1166     transform: translate3d(2000px, 0, 0); 1177     transform: translate3d(2000px, 0, 0);
1167   } 1178   }
1168 } 1179 }
1169  1180 
1170 .bounceOutRight { 1181 .bounceOutRight {
1171   -webkit-animation-name: bounceOutRight; 1182   -webkit-animation-name: bounceOutRight;
1172   animation-name: bounceOutRight; 1183   animation-name: bounceOutRight;
1173 } 1184 }
1174  1185 
1175 @-webkit-keyframes bounceOutUp { 1186 @-webkit-keyframes bounceOutUp {
1176   20% { 1187   20% {
1177     -webkit-transform: translate3d(0, -10px, 0); 1188     -webkit-transform: translate3d(0, -10px, 0);
1178     transform: translate3d(0, -10px, 0); 1189     transform: translate3d(0, -10px, 0);
1179   } 1190   }
1180  1191 
1181   40%, 45% { 1192   40%, 45% {
1182     opacity: 1; 1193     opacity: 1;
1183     -webkit-transform: translate3d(0, 20px, 0); 1194     -webkit-transform: translate3d(0, 20px, 0);
1184     transform: translate3d(0, 20px, 0); 1195     transform: translate3d(0, 20px, 0);
1185   } 1196   }
1186  1197 
1187   to { 1198   to {
1188     opacity: 0; 1199     opacity: 0;
1189     -webkit-transform: translate3d(0, -2000px, 0); 1200     -webkit-transform: translate3d(0, -2000px, 0);
1190     transform: translate3d(0, -2000px, 0); 1201     transform: translate3d(0, -2000px, 0);
1191   } 1202   }
1192 } 1203 }
1193  1204 
1194 @keyframes bounceOutUp { 1205 @keyframes bounceOutUp {
1195   20% { 1206   20% {
1196     -webkit-transform: translate3d(0, -10px, 0); 1207     -webkit-transform: translate3d(0, -10px, 0);
1197     transform: translate3d(0, -10px, 0); 1208     transform: translate3d(0, -10px, 0);
1198   } 1209   }
1199  1210 
1200   40%, 45% { 1211   40%, 45% {
1201     opacity: 1; 1212     opacity: 1;
1202     -webkit-transform: translate3d(0, 20px, 0); 1213     -webkit-transform: translate3d(0, 20px, 0);
1203     transform: translate3d(0, 20px, 0); 1214     transform: translate3d(0, 20px, 0);
1204   } 1215   }
1205  1216 
1206   to { 1217   to {
1207     opacity: 0; 1218     opacity: 0;
1208     -webkit-transform: translate3d(0, -2000px, 0); 1219     -webkit-transform: translate3d(0, -2000px, 0);
1209     transform: translate3d(0, -2000px, 0); 1220     transform: translate3d(0, -2000px, 0);
1210   } 1221   }
1211 } 1222 }
1212  1223 
1213 .bounceOutUp { 1224 .bounceOutUp {
1214   -webkit-animation-name: bounceOutUp; 1225   -webkit-animation-name: bounceOutUp;
1215   animation-name: bounceOutUp; 1226   animation-name: bounceOutUp;
1216 } 1227 }
1217  1228 
1218 @-webkit-keyframes fadeIn { 1229 @-webkit-keyframes fadeIn {
1219   from { 1230   from {
1220     opacity: 0; 1231     opacity: 0;
1221   } 1232   }
1222  1233 
1223   to { 1234   to {
1224     opacity: 1; 1235     opacity: 1;
1225   } 1236   }
1226 } 1237 }
1227  1238 
1228 @keyframes fadeIn { 1239 @keyframes fadeIn {
1229   from { 1240   from {
1230     opacity: 0; 1241     opacity: 0;
1231   } 1242   }
1232  1243 
1233   to { 1244   to {
1234     opacity: 1; 1245     opacity: 1;
1235   } 1246   }
1236 } 1247 }
1237  1248 
1238 .fadeIn { 1249 .fadeIn {
1239   -webkit-animation-name: fadeIn; 1250   -webkit-animation-name: fadeIn;
1240   animation-name: fadeIn; 1251   animation-name: fadeIn;
1241 } 1252 }
1242  1253 
1243 @-webkit-keyframes fadeInDown { 1254 @-webkit-keyframes fadeInDown {
1244   from { 1255   from {
1245     opacity: 0; 1256     opacity: 0;
1246     -webkit-transform: translate3d(0, -100%, 0); 1257     -webkit-transform: translate3d(0, -100%, 0);
1247     transform: translate3d(0, -100%, 0); 1258     transform: translate3d(0, -100%, 0);
1248   } 1259   }
1249  1260 
1250   to { 1261   to {
1251     opacity: 1; 1262     opacity: 1;
1252     -webkit-transform: none; 1263     -webkit-transform: none;
1253     transform: none; 1264     transform: none;
1254   } 1265   }
1255 } 1266 }
1256  1267 
1257 @keyframes fadeInDown { 1268 @keyframes fadeInDown {
1258   from { 1269   from {
1259     opacity: 0; 1270     opacity: 0;
1260     -webkit-transform: translate3d(0, -100%, 0); 1271     -webkit-transform: translate3d(0, -100%, 0);
1261     transform: translate3d(0, -100%, 0); 1272     transform: translate3d(0, -100%, 0);
1262   } 1273   }
1263  1274 
1264   to { 1275   to {
1265     opacity: 1; 1276     opacity: 1;
1266     -webkit-transform: none; 1277     -webkit-transform: none;
1267     transform: none; 1278     transform: none;
1268   } 1279   }
1269 } 1280 }
1270  1281 
1271 .fadeInDown { 1282 .fadeInDown {
1272   -webkit-animation-name: fadeInDown; 1283   -webkit-animation-name: fadeInDown;
1273   animation-name: fadeInDown; 1284   animation-name: fadeInDown;
1274 } 1285 }
1275  1286 
1276 @-webkit-keyframes fadeInDownBig { 1287 @-webkit-keyframes fadeInDownBig {
1277   from { 1288   from {
1278     opacity: 0; 1289     opacity: 0;
1279     -webkit-transform: translate3d(0, -2000px, 0); 1290     -webkit-transform: translate3d(0, -2000px, 0);
1280     transform: translate3d(0, -2000px, 0); 1291     transform: translate3d(0, -2000px, 0);
1281   } 1292   }
1282  1293 
1283   to { 1294   to {
1284     opacity: 1; 1295     opacity: 1;
1285     -webkit-transform: none; 1296     -webkit-transform: none;
1286     transform: none; 1297     transform: none;
1287   } 1298   }
1288 } 1299 }
1289  1300 
1290 @keyframes fadeInDownBig { 1301 @keyframes fadeInDownBig {
1291   from { 1302   from {
1292     opacity: 0; 1303     opacity: 0;
1293     -webkit-transform: translate3d(0, -2000px, 0); 1304     -webkit-transform: translate3d(0, -2000px, 0);
1294     transform: translate3d(0, -2000px, 0); 1305     transform: translate3d(0, -2000px, 0);
1295   } 1306   }
1296  1307 
1297   to { 1308   to {
1298     opacity: 1; 1309     opacity: 1;
1299     -webkit-transform: none; 1310     -webkit-transform: none;
1300     transform: none; 1311     transform: none;
1301   } 1312   }
1302 } 1313 }
1303  1314 
1304 .fadeInDownBig { 1315 .fadeInDownBig {
1305   -webkit-animation-name: fadeInDownBig; 1316   -webkit-animation-name: fadeInDownBig;
1306   animation-name: fadeInDownBig; 1317   animation-name: fadeInDownBig;
1307 } 1318 }
1308  1319 
1309 @-webkit-keyframes fadeInLeft { 1320 @-webkit-keyframes fadeInLeft {
1310   from { 1321   from {
1311     opacity: 0; 1322     opacity: 0;
1312     -webkit-transform: translate3d(-100%, 0, 0); 1323     -webkit-transform: translate3d(-100%, 0, 0);
1313     transform: translate3d(-100%, 0, 0); 1324     transform: translate3d(-100%, 0, 0);
1314   } 1325   }
1315  1326 
1316   to { 1327   to {
1317     opacity: 1; 1328     opacity: 1;
1318     -webkit-transform: none; 1329     -webkit-transform: none;
1319     transform: none; 1330     transform: none;
1320   } 1331   }
1321 } 1332 }
1322  1333 
1323 @keyframes fadeInLeft { 1334 @keyframes fadeInLeft {
1324   from { 1335   from {
1325     opacity: 0; 1336     opacity: 0;
1326     -webkit-transform: translate3d(-100%, 0, 0); 1337     -webkit-transform: translate3d(-100%, 0, 0);
1327     transform: translate3d(-100%, 0, 0); 1338     transform: translate3d(-100%, 0, 0);
1328   } 1339   }
1329  1340 
1330   to { 1341   to {
1331     opacity: 1; 1342     opacity: 1;
1332     -webkit-transform: none; 1343     -webkit-transform: none;
1333     transform: none; 1344     transform: none;
1334   } 1345   }
1335 } 1346 }
1336  1347 
1337 .fadeInLeft { 1348 .fadeInLeft {
1338   -webkit-animation-name: fadeInLeft; 1349   -webkit-animation-name: fadeInLeft;
1339   animation-name: fadeInLeft; 1350   animation-name: fadeInLeft;
1340 } 1351 }
1341  1352 
1342 @-webkit-keyframes fadeInLeftBig { 1353 @-webkit-keyframes fadeInLeftBig {
1343   from { 1354   from {
1344     opacity: 0; 1355     opacity: 0;
1345     -webkit-transform: translate3d(-2000px, 0, 0); 1356     -webkit-transform: translate3d(-2000px, 0, 0);
1346     transform: translate3d(-2000px, 0, 0); 1357     transform: translate3d(-2000px, 0, 0);
1347   } 1358   }
1348  1359 
1349   to { 1360   to {
1350     opacity: 1; 1361     opacity: 1;
1351     -webkit-transform: none; 1362     -webkit-transform: none;
1352     transform: none; 1363     transform: none;
1353   } 1364   }
1354 } 1365 }
1355  1366 
1356 @keyframes fadeInLeftBig { 1367 @keyframes fadeInLeftBig {
1357   from { 1368   from {
1358     opacity: 0; 1369     opacity: 0;
1359     -webkit-transform: translate3d(-2000px, 0, 0); 1370     -webkit-transform: translate3d(-2000px, 0, 0);
1360     transform: translate3d(-2000px, 0, 0); 1371     transform: translate3d(-2000px, 0, 0);
1361   } 1372   }
1362  1373 
1363   to { 1374   to {
1364     opacity: 1; 1375     opacity: 1;
1365     -webkit-transform: none; 1376     -webkit-transform: none;
1366     transform: none; 1377     transform: none;
1367   } 1378   }
1368 } 1379 }
1369  1380 
1370 .fadeInLeftBig { 1381 .fadeInLeftBig {
1371   -webkit-animation-name: fadeInLeftBig; 1382   -webkit-animation-name: fadeInLeftBig;
1372   animation-name: fadeInLeftBig; 1383   animation-name: fadeInLeftBig;
1373 } 1384 }
1374  1385 
1375 @-webkit-keyframes fadeInRight { 1386 @-webkit-keyframes fadeInRight {
1376   from { 1387   from {
1377     opacity: 0; 1388     opacity: 0;
1378     -webkit-transform: translate3d(100%, 0, 0); 1389     -webkit-transform: translate3d(100%, 0, 0);
1379     transform: translate3d(100%, 0, 0); 1390     transform: translate3d(100%, 0, 0);
1380   } 1391   }
1381  1392 
1382   to { 1393   to {
1383     opacity: 1; 1394     opacity: 1;
1384     -webkit-transform: none; 1395     -webkit-transform: none;
1385     transform: none; 1396     transform: none;
1386   } 1397   }
1387 } 1398 }
1388  1399 
1389 @keyframes fadeInRight { 1400 @keyframes fadeInRight {
1390   from { 1401   from {
1391     opacity: 0; 1402     opacity: 0;
1392     -webkit-transform: translate3d(100%, 0, 0); 1403     -webkit-transform: translate3d(100%, 0, 0);
1393     transform: translate3d(100%, 0, 0); 1404     transform: translate3d(100%, 0, 0);
1394   } 1405   }
1395  1406 
1396   to { 1407   to {
1397     opacity: 1; 1408     opacity: 1;
1398     -webkit-transform: none; 1409     -webkit-transform: none;
1399     transform: none; 1410     transform: none;
1400   } 1411   }
1401 } 1412 }
1402  1413 
1403 .fadeInRight { 1414 .fadeInRight {
1404   -webkit-animation-name: fadeInRight; 1415   -webkit-animation-name: fadeInRight;
1405   animation-name: fadeInRight; 1416   animation-name: fadeInRight;
1406 } 1417 }
1407  1418 
1408 @-webkit-keyframes fadeInRightBig { 1419 @-webkit-keyframes fadeInRightBig {
1409   from { 1420   from {
1410     opacity: 0; 1421     opacity: 0;
1411     -webkit-transform: translate3d(2000px, 0, 0); 1422     -webkit-transform: translate3d(2000px, 0, 0);
1412     transform: translate3d(2000px, 0, 0); 1423     transform: translate3d(2000px, 0, 0);
1413   } 1424   }
1414  1425 
1415   to { 1426   to {
1416     opacity: 1; 1427     opacity: 1;
1417     -webkit-transform: none; 1428     -webkit-transform: none;
1418     transform: none; 1429     transform: none;
1419   } 1430   }
1420 } 1431 }
1421  1432 
1422 @keyframes fadeInRightBig { 1433 @keyframes fadeInRightBig {
1423   from { 1434   from {
1424     opacity: 0; 1435     opacity: 0;
1425     -webkit-transform: translate3d(2000px, 0, 0); 1436     -webkit-transform: translate3d(2000px, 0, 0);
1426     transform: translate3d(2000px, 0, 0); 1437     transform: translate3d(2000px, 0, 0);
1427   } 1438   }
1428  1439 
1429   to { 1440   to {
1430     opacity: 1; 1441     opacity: 1;
1431     -webkit-transform: none; 1442     -webkit-transform: none;
1432     transform: none; 1443     transform: none;
1433   } 1444   }
1434 } 1445 }
1435  1446 
1436 .fadeInRightBig { 1447 .fadeInRightBig {
1437   -webkit-animation-name: fadeInRightBig; 1448   -webkit-animation-name: fadeInRightBig;
1438   animation-name: fadeInRightBig; 1449   animation-name: fadeInRightBig;
1439 } 1450 }
1440  1451 
1441 @-webkit-keyframes fadeInUp { 1452 @-webkit-keyframes fadeInUp {
1442   from { 1453   from {
1443     opacity: 0; 1454     opacity: 0;
1444     -webkit-transform: translate3d(0, 100%, 0); 1455     -webkit-transform: translate3d(0, 100%, 0);
1445     transform: translate3d(0, 100%, 0); 1456     transform: translate3d(0, 100%, 0);
1446   } 1457   }
1447  1458 
1448   to { 1459   to {
1449     opacity: 1; 1460     opacity: 1;
1450     -webkit-transform: none; 1461     -webkit-transform: none;
1451     transform: none; 1462     transform: none;
1452   } 1463   }
1453 } 1464 }
1454  1465 
1455 @keyframes fadeInUp { 1466 @keyframes fadeInUp {
1456   from { 1467   from {
1457     opacity: 0; 1468     opacity: 0;
1458     -webkit-transform: translate3d(0, 100%, 0); 1469     -webkit-transform: translate3d(0, 100%, 0);
1459     transform: translate3d(0, 100%, 0); 1470     transform: translate3d(0, 100%, 0);
1460   } 1471   }
1461  1472 
1462   to { 1473   to {
1463     opacity: 1; 1474     opacity: 1;
1464     -webkit-transform: none; 1475     -webkit-transform: none;
1465     transform: none; 1476     transform: none;
1466   } 1477   }
1467 } 1478 }
1468  1479 
1469 .fadeInUp { 1480 .fadeInUp {
1470   -webkit-animation-name: fadeInUp; 1481   -webkit-animation-name: fadeInUp;
1471   animation-name: fadeInUp; 1482   animation-name: fadeInUp;
1472 } 1483 }
1473  1484 
1474 @-webkit-keyframes fadeInUpBig { 1485 @-webkit-keyframes fadeInUpBig {
1475   from { 1486   from {
1476     opacity: 0; 1487     opacity: 0;
1477     -webkit-transform: translate3d(0, 2000px, 0); 1488     -webkit-transform: translate3d(0, 2000px, 0);
1478     transform: translate3d(0, 2000px, 0); 1489     transform: translate3d(0, 2000px, 0);
1479   } 1490   }
1480  1491 
1481   to { 1492   to {
1482     opacity: 1; 1493     opacity: 1;
1483     -webkit-transform: none; 1494     -webkit-transform: none;
1484     transform: none; 1495     transform: none;
1485   } 1496   }
1486 } 1497 }
1487  1498 
1488 @keyframes fadeInUpBig { 1499 @keyframes fadeInUpBig {
1489   from { 1500   from {
1490     opacity: 0; 1501     opacity: 0;
1491     -webkit-transform: translate3d(0, 2000px, 0); 1502     -webkit-transform: translate3d(0, 2000px, 0);
1492     transform: translate3d(0, 2000px, 0); 1503     transform: translate3d(0, 2000px, 0);
1493   } 1504   }
1494  1505 
1495   to { 1506   to {
1496     opacity: 1; 1507     opacity: 1;
1497     -webkit-transform: none; 1508     -webkit-transform: none;
1498     transform: none; 1509     transform: none;
1499   } 1510   }
1500 } 1511 }
1501  1512 
1502 .fadeInUpBig { 1513 .fadeInUpBig {
1503   -webkit-animation-name: fadeInUpBig; 1514   -webkit-animation-name: fadeInUpBig;
1504   animation-name: fadeInUpBig; 1515   animation-name: fadeInUpBig;
1505 } 1516 }
1506  1517 
1507 @-webkit-keyframes fadeOut { 1518 @-webkit-keyframes fadeOut {
1508   from { 1519   from {
1509     opacity: 1; 1520     opacity: 1;
1510   } 1521   }
1511  1522 
1512   to { 1523   to {
1513     opacity: 0; 1524     opacity: 0;
1514   } 1525   }
1515 } 1526 }
1516  1527 
1517 @keyframes fadeOut { 1528 @keyframes fadeOut {
1518   from { 1529   from {
1519     opacity: 1; 1530     opacity: 1;
1520   } 1531   }
1521  1532 
1522   to { 1533   to {
1523     opacity: 0; 1534     opacity: 0;
1524   } 1535   }
1525 } 1536 }
1526  1537 
1527 .fadeOut { 1538 .fadeOut {
1528   -webkit-animation-name: fadeOut; 1539   -webkit-animation-name: fadeOut;
1529   animation-name: fadeOut; 1540   animation-name: fadeOut;
1530 } 1541 }
1531  1542 
1532 @-webkit-keyframes fadeOutDown { 1543 @-webkit-keyframes fadeOutDown {
1533   from { 1544   from {
1534     opacity: 1; 1545     opacity: 1;
1535   } 1546   }
1536  1547 
1537   to { 1548   to {
1538     opacity: 0; 1549     opacity: 0;
1539     -webkit-transform: translate3d(0, 100%, 0); 1550     -webkit-transform: translate3d(0, 100%, 0);
1540     transform: translate3d(0, 100%, 0); 1551     transform: translate3d(0, 100%, 0);
1541   } 1552   }
1542 } 1553 }
1543  1554 
1544 @keyframes fadeOutDown { 1555 @keyframes fadeOutDown {
1545   from { 1556   from {
1546     opacity: 1; 1557     opacity: 1;
1547   } 1558   }
1548  1559 
1549   to { 1560   to {
1550     opacity: 0; 1561     opacity: 0;
1551     -webkit-transform: translate3d(0, 100%, 0); 1562     -webkit-transform: translate3d(0, 100%, 0);
1552     transform: translate3d(0, 100%, 0); 1563     transform: translate3d(0, 100%, 0);
1553   } 1564   }
1554 } 1565 }
1555  1566 
1556 .fadeOutDown { 1567 .fadeOutDown {
1557   -webkit-animation-name: fadeOutDown; 1568   -webkit-animation-name: fadeOutDown;
1558   animation-name: fadeOutDown; 1569   animation-name: fadeOutDown;
1559 } 1570 }
1560  1571 
1561 @-webkit-keyframes fadeOutDownBig { 1572 @-webkit-keyframes fadeOutDownBig {
1562   from { 1573   from {
1563     opacity: 1; 1574     opacity: 1;
1564   } 1575   }
1565  1576 
1566   to { 1577   to {
1567     opacity: 0; 1578     opacity: 0;
1568     -webkit-transform: translate3d(0, 2000px, 0); 1579     -webkit-transform: translate3d(0, 2000px, 0);
1569     transform: translate3d(0, 2000px, 0); 1580     transform: translate3d(0, 2000px, 0);
1570   } 1581   }
1571 } 1582 }
1572  1583 
1573 @keyframes fadeOutDownBig { 1584 @keyframes fadeOutDownBig {
1574   from { 1585   from {
1575     opacity: 1; 1586     opacity: 1;
1576   } 1587   }
1577  1588 
1578   to { 1589   to {
1579     opacity: 0; 1590     opacity: 0;
1580     -webkit-transform: translate3d(0, 2000px, 0); 1591     -webkit-transform: translate3d(0, 2000px, 0);
1581     transform: translate3d(0, 2000px, 0); 1592     transform: translate3d(0, 2000px, 0);
1582   } 1593   }
1583 } 1594 }
1584  1595 
1585 .fadeOutDownBig { 1596 .fadeOutDownBig {
1586   -webkit-animation-name: fadeOutDownBig; 1597   -webkit-animation-name: fadeOutDownBig;
1587   animation-name: fadeOutDownBig; 1598   animation-name: fadeOutDownBig;
1588 } 1599 }
1589  1600 
1590 @-webkit-keyframes fadeOutLeft { 1601 @-webkit-keyframes fadeOutLeft {
1591   from { 1602   from {
1592     opacity: 1; 1603     opacity: 1;
1593   } 1604   }
1594  1605 
1595   to { 1606   to {
1596     opacity: 0; 1607     opacity: 0;
1597     -webkit-transform: translate3d(-100%, 0, 0); 1608     -webkit-transform: translate3d(-100%, 0, 0);
1598     transform: translate3d(-100%, 0, 0); 1609     transform: translate3d(-100%, 0, 0);
1599   } 1610   }
1600 } 1611 }
1601  1612 
1602 @keyframes fadeOutLeft { 1613 @keyframes fadeOutLeft {
1603   from { 1614   from {
1604     opacity: 1; 1615     opacity: 1;
1605   } 1616   }
1606  1617 
1607   to { 1618   to {
1608     opacity: 0; 1619     opacity: 0;
1609     -webkit-transform: translate3d(-100%, 0, 0); 1620     -webkit-transform: translate3d(-100%, 0, 0);
1610     transform: translate3d(-100%, 0, 0); 1621     transform: translate3d(-100%, 0, 0);
1611   } 1622   }
1612 } 1623 }
1613  1624 
1614 .fadeOutLeft { 1625 .fadeOutLeft {
1615   -webkit-animation-name: fadeOutLeft; 1626   -webkit-animation-name: fadeOutLeft;
1616   animation-name: fadeOutLeft; 1627   animation-name: fadeOutLeft;
1617 } 1628 }
1618  1629 
1619 @-webkit-keyframes fadeOutLeftBig { 1630 @-webkit-keyframes fadeOutLeftBig {
1620   from { 1631   from {
1621     opacity: 1; 1632     opacity: 1;
1622   } 1633   }
1623  1634 
1624   to { 1635   to {
1625     opacity: 0; 1636     opacity: 0;
1626     -webkit-transform: translate3d(-2000px, 0, 0); 1637     -webkit-transform: translate3d(-2000px, 0, 0);
1627     transform: translate3d(-2000px, 0, 0); 1638     transform: translate3d(-2000px, 0, 0);
1628   } 1639   }
1629 } 1640 }
1630  1641 
1631 @keyframes fadeOutLeftBig { 1642 @keyframes fadeOutLeftBig {
1632   from { 1643   from {
1633     opacity: 1; 1644     opacity: 1;
1634   } 1645   }
1635  1646 
1636   to { 1647   to {
1637     opacity: 0; 1648     opacity: 0;
1638     -webkit-transform: translate3d(-2000px, 0, 0); 1649     -webkit-transform: translate3d(-2000px, 0, 0);
1639     transform: translate3d(-2000px, 0, 0); 1650     transform: translate3d(-2000px, 0, 0);
1640   } 1651   }
1641 } 1652 }
1642  1653 
1643 .fadeOutLeftBig { 1654 .fadeOutLeftBig {
1644   -webkit-animation-name: fadeOutLeftBig; 1655   -webkit-animation-name: fadeOutLeftBig;
1645   animation-name: fadeOutLeftBig; 1656   animation-name: fadeOutLeftBig;
1646 } 1657 }
1647  1658 
1648 @-webkit-keyframes fadeOutRight { 1659 @-webkit-keyframes fadeOutRight {
1649   from { 1660   from {
1650     opacity: 1; 1661     opacity: 1;
1651   } 1662   }
1652  1663 
1653   to { 1664   to {
1654     opacity: 0; 1665     opacity: 0;
1655     -webkit-transform: translate3d(100%, 0, 0); 1666     -webkit-transform: translate3d(100%, 0, 0);
1656     transform: translate3d(100%, 0, 0); 1667     transform: translate3d(100%, 0, 0);
1657   } 1668   }
1658 } 1669 }
1659  1670 
1660 @keyframes fadeOutRight { 1671 @keyframes fadeOutRight {
1661   from { 1672   from {
1662     opacity: 1; 1673     opacity: 1;
1663   } 1674   }
1664  1675 
1665   to { 1676   to {
1666     opacity: 0; 1677     opacity: 0;
1667     -webkit-transform: translate3d(100%, 0, 0); 1678     -webkit-transform: translate3d(100%, 0, 0);
1668     transform: translate3d(100%, 0, 0); 1679     transform: translate3d(100%, 0, 0);
1669   } 1680   }
1670 } 1681 }
1671  1682 
1672 .fadeOutRight { 1683 .fadeOutRight {
1673   -webkit-animation-name: fadeOutRight; 1684   -webkit-animation-name: fadeOutRight;
1674   animation-name: fadeOutRight; 1685   animation-name: fadeOutRight;
1675 } 1686 }
1676  1687 
1677 @-webkit-keyframes fadeOutRightBig { 1688 @-webkit-keyframes fadeOutRightBig {
1678   from { 1689   from {
1679     opacity: 1; 1690     opacity: 1;
1680   } 1691   }
1681  1692 
1682   to { 1693   to {
1683     opacity: 0; 1694     opacity: 0;
1684     -webkit-transform: translate3d(2000px, 0, 0); 1695     -webkit-transform: translate3d(2000px, 0, 0);
1685     transform: translate3d(2000px, 0, 0); 1696     transform: translate3d(2000px, 0, 0);
1686   } 1697   }
1687 } 1698 }
1688  1699 
1689 @keyframes fadeOutRightBig { 1700 @keyframes fadeOutRightBig {
1690   from { 1701   from {
1691     opacity: 1; 1702     opacity: 1;
1692   } 1703   }
1693  1704 
1694   to { 1705   to {
1695     opacity: 0; 1706     opacity: 0;
1696     -webkit-transform: translate3d(2000px, 0, 0); 1707     -webkit-transform: translate3d(2000px, 0, 0);
1697     transform: translate3d(2000px, 0, 0); 1708     transform: translate3d(2000px, 0, 0);
1698   } 1709   }
1699 } 1710 }
1700  1711 
1701 .fadeOutRightBig { 1712 .fadeOutRightBig {
1702   -webkit-animation-name: fadeOutRightBig; 1713   -webkit-animation-name: fadeOutRightBig;
1703   animation-name: fadeOutRightBig; 1714   animation-name: fadeOutRightBig;
1704 } 1715 }
1705  1716 
1706 @-webkit-keyframes fadeOutUp { 1717 @-webkit-keyframes fadeOutUp {
1707   from { 1718   from {
1708     opacity: 1; 1719     opacity: 1;
1709   } 1720   }
1710  1721 
1711   to { 1722   to {
1712     opacity: 0; 1723     opacity: 0;
1713     -webkit-transform: translate3d(0, -100%, 0); 1724     -webkit-transform: translate3d(0, -100%, 0);
1714     transform: translate3d(0, -100%, 0); 1725     transform: translate3d(0, -100%, 0);
1715   } 1726   }
1716 } 1727 }
1717  1728 
1718 @keyframes fadeOutUp { 1729 @keyframes fadeOutUp {
1719   from { 1730   from {
1720     opacity: 1; 1731     opacity: 1;
1721   } 1732   }
1722  1733 
1723   to { 1734   to {
1724     opacity: 0; 1735     opacity: 0;
1725     -webkit-transform: translate3d(0, -100%, 0); 1736     -webkit-transform: translate3d(0, -100%, 0);
1726     transform: translate3d(0, -100%, 0); 1737     transform: translate3d(0, -100%, 0);
1727   } 1738   }
1728 } 1739 }
1729  1740 
1730 .fadeOutUp { 1741 .fadeOutUp {
1731   -webkit-animation-name: fadeOutUp; 1742   -webkit-animation-name: fadeOutUp;
1732   animation-name: fadeOutUp; 1743   animation-name: fadeOutUp;
1733 } 1744 }
1734  1745 
1735 @-webkit-keyframes fadeOutUpBig { 1746 @-webkit-keyframes fadeOutUpBig {
1736   from { 1747   from {
1737     opacity: 1; 1748     opacity: 1;
1738   } 1749   }
1739  1750 
1740   to { 1751   to {
1741     opacity: 0; 1752     opacity: 0;
1742     -webkit-transform: translate3d(0, -2000px, 0); 1753     -webkit-transform: translate3d(0, -2000px, 0);
1743     transform: translate3d(0, -2000px, 0); 1754     transform: translate3d(0, -2000px, 0);
1744   } 1755   }
1745 } 1756 }
1746  1757 
1747 @keyframes fadeOutUpBig { 1758 @keyframes fadeOutUpBig {
1748   from { 1759   from {
1749     opacity: 1; 1760     opacity: 1;
1750   } 1761   }
1751  1762 
1752   to { 1763   to {
1753     opacity: 0; 1764     opacity: 0;
1754     -webkit-transform: translate3d(0, -2000px, 0); 1765     -webkit-transform: translate3d(0, -2000px, 0);
1755     transform: translate3d(0, -2000px, 0); 1766     transform: translate3d(0, -2000px, 0);
1756   } 1767   }
1757 } 1768 }
1758  1769 
1759 .fadeOutUpBig { 1770 .fadeOutUpBig {
1760   -webkit-animation-name: fadeOutUpBig; 1771   -webkit-animation-name: fadeOutUpBig;
1761   animation-name: fadeOutUpBig; 1772   animation-name: fadeOutUpBig;
1762 } 1773 }
1763  1774 
1764 @-webkit-keyframes flip { 1775 @-webkit-keyframes flip {
1765   from { 1776   from {
1766     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); 1777     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1767     transform: perspective(400px) rotate3d(0, 1, 0, -360deg); 1778     transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1768     -webkit-animation-timing-function: ease-out; 1779     -webkit-animation-timing-function: ease-out;
1769     animation-timing-function: ease-out; 1780     animation-timing-function: ease-out;
1770   } 1781   }
1771  1782 
1772   40% { 1783   40% {
1773     -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); 1784     -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1774     transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); 1785     transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1775     -webkit-animation-timing-function: ease-out; 1786     -webkit-animation-timing-function: ease-out;
1776     animation-timing-function: ease-out; 1787     animation-timing-function: ease-out;
1777   } 1788   }
1778  1789 
1779   50% { 1790   50% {
1780     -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); 1791     -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1781     transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); 1792     transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1782     -webkit-animation-timing-function: ease-in; 1793     -webkit-animation-timing-function: ease-in;
1783     animation-timing-function: ease-in; 1794     animation-timing-function: ease-in;
1784   } 1795   }
1785  1796 
1786   80% { 1797   80% {
1787     -webkit-transform: perspective(400px) scale3d(.95, .95, .95); 1798     -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
1788     transform: perspective(400px) scale3d(.95, .95, .95); 1799     transform: perspective(400px) scale3d(.95, .95, .95);
1789     -webkit-animation-timing-function: ease-in; 1800     -webkit-animation-timing-function: ease-in;
1790     animation-timing-function: ease-in; 1801     animation-timing-function: ease-in;
1791   } 1802   }
1792  1803 
1793   to { 1804   to {
1794     -webkit-transform: perspective(400px); 1805     -webkit-transform: perspective(400px);
1795     transform: perspective(400px); 1806     transform: perspective(400px);
1796     -webkit-animation-timing-function: ease-in; 1807     -webkit-animation-timing-function: ease-in;
1797     animation-timing-function: ease-in; 1808     animation-timing-function: ease-in;
1798   } 1809   }
1799 } 1810 }
1800  1811 
1801 @keyframes flip { 1812 @keyframes flip {
1802   from { 1813   from {
1803     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); 1814     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1804     transform: perspective(400px) rotate3d(0, 1, 0, -360deg); 1815     transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
1805     -webkit-animation-timing-function: ease-out; 1816     -webkit-animation-timing-function: ease-out;
1806     animation-timing-function: ease-out; 1817     animation-timing-function: ease-out;
1807   } 1818   }
1808  1819 
1809   40% { 1820   40% {
1810     -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); 1821     -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1811     transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); 1822     transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
1812     -webkit-animation-timing-function: ease-out; 1823     -webkit-animation-timing-function: ease-out;
1813     animation-timing-function: ease-out; 1824     animation-timing-function: ease-out;
1814   } 1825   }
1815  1826 
1816   50% { 1827   50% {
1817     -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); 1828     -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1818     transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); 1829     transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
1819     -webkit-animation-timing-function: ease-in; 1830     -webkit-animation-timing-function: ease-in;
1820     animation-timing-function: ease-in; 1831     animation-timing-function: ease-in;
1821   } 1832   }
1822  1833 
1823   80% { 1834   80% {
1824     -webkit-transform: perspective(400px) scale3d(.95, .95, .95); 1835     -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
1825     transform: perspective(400px) scale3d(.95, .95, .95); 1836     transform: perspective(400px) scale3d(.95, .95, .95);
1826     -webkit-animation-timing-function: ease-in; 1837     -webkit-animation-timing-function: ease-in;
1827     animation-timing-function: ease-in; 1838     animation-timing-function: ease-in;
1828   } 1839   }
1829  1840 
1830   to { 1841   to {
1831     -webkit-transform: perspective(400px); 1842     -webkit-transform: perspective(400px);
1832     transform: perspective(400px); 1843     transform: perspective(400px);
1833     -webkit-animation-timing-function: ease-in; 1844     -webkit-animation-timing-function: ease-in;
1834     animation-timing-function: ease-in; 1845     animation-timing-function: ease-in;
1835   } 1846   }
1836 } 1847 }
1837  1848 
1838 .animated.flip { 1849 .animated.flip {
1839   -webkit-backface-visibility: visible; 1850   -webkit-backface-visibility: visible;
1840   backface-visibility: visible; 1851   backface-visibility: visible;
1841   -webkit-animation-name: flip; 1852   -webkit-animation-name: flip;
1842   animation-name: flip; 1853   animation-name: flip;
1843 } 1854 }
1844  1855 
1845 @-webkit-keyframes flipInX { 1856 @-webkit-keyframes flipInX {
1846   from { 1857   from {
1847     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 1858     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1848     transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 1859     transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1849     -webkit-animation-timing-function: ease-in; 1860     -webkit-animation-timing-function: ease-in;
1850     animation-timing-function: ease-in; 1861     animation-timing-function: ease-in;
1851     opacity: 0; 1862     opacity: 0;
1852   } 1863   }
1853  1864 
1854   40% { 1865   40% {
1855     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); 1866     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1856     transform: perspective(400px) rotate3d(1, 0, 0, -20deg); 1867     transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1857     -webkit-animation-timing-function: ease-in; 1868     -webkit-animation-timing-function: ease-in;
1858     animation-timing-function: ease-in; 1869     animation-timing-function: ease-in;
1859   } 1870   }
1860  1871 
1861   60% { 1872   60% {
1862     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); 1873     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1863     transform: perspective(400px) rotate3d(1, 0, 0, 10deg); 1874     transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1864     opacity: 1; 1875     opacity: 1;
1865   } 1876   }
1866  1877 
1867   80% { 1878   80% {
1868     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); 1879     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1869     transform: perspective(400px) rotate3d(1, 0, 0, -5deg); 1880     transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1870   } 1881   }
1871  1882 
1872   to { 1883   to {
1873     -webkit-transform: perspective(400px); 1884     -webkit-transform: perspective(400px);
1874     transform: perspective(400px); 1885     transform: perspective(400px);
1875   } 1886   }
1876 } 1887 }
1877  1888 
1878 @keyframes flipInX { 1889 @keyframes flipInX {
1879   from { 1890   from {
1880     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 1891     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1881     transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 1892     transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
1882     -webkit-animation-timing-function: ease-in; 1893     -webkit-animation-timing-function: ease-in;
1883     animation-timing-function: ease-in; 1894     animation-timing-function: ease-in;
1884     opacity: 0; 1895     opacity: 0;
1885   } 1896   }
1886  1897 
1887   40% { 1898   40% {
1888     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); 1899     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1889     transform: perspective(400px) rotate3d(1, 0, 0, -20deg); 1900     transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1890     -webkit-animation-timing-function: ease-in; 1901     -webkit-animation-timing-function: ease-in;
1891     animation-timing-function: ease-in; 1902     animation-timing-function: ease-in;
1892   } 1903   }
1893  1904 
1894   60% { 1905   60% {
1895     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); 1906     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1896     transform: perspective(400px) rotate3d(1, 0, 0, 10deg); 1907     transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
1897     opacity: 1; 1908     opacity: 1;
1898   } 1909   }
1899  1910 
1900   80% { 1911   80% {
1901     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); 1912     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1902     transform: perspective(400px) rotate3d(1, 0, 0, -5deg); 1913     transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
1903   } 1914   }
1904  1915 
1905   to { 1916   to {
1906     -webkit-transform: perspective(400px); 1917     -webkit-transform: perspective(400px);
1907     transform: perspective(400px); 1918     transform: perspective(400px);
1908   } 1919   }
1909 } 1920 }
1910  1921 
1911 .flipInX { 1922 .flipInX {
1912   -webkit-backface-visibility: visible !important; 1923   -webkit-backface-visibility: visible !important;
1913   backface-visibility: visible !important; 1924   backface-visibility: visible !important;
1914   -webkit-animation-name: flipInX; 1925   -webkit-animation-name: flipInX;
1915   animation-name: flipInX; 1926   animation-name: flipInX;
1916 } 1927 }
1917  1928 
1918 @-webkit-keyframes flipInY { 1929 @-webkit-keyframes flipInY {
1919   from { 1930   from {
1920     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 1931     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1921     transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 1932     transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1922     -webkit-animation-timing-function: ease-in; 1933     -webkit-animation-timing-function: ease-in;
1923     animation-timing-function: ease-in; 1934     animation-timing-function: ease-in;
1924     opacity: 0; 1935     opacity: 0;
1925   } 1936   }
1926  1937 
1927   40% { 1938   40% {
1928     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); 1939     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1929     transform: perspective(400px) rotate3d(0, 1, 0, -20deg); 1940     transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1930     -webkit-animation-timing-function: ease-in; 1941     -webkit-animation-timing-function: ease-in;
1931     animation-timing-function: ease-in; 1942     animation-timing-function: ease-in;
1932   } 1943   }
1933  1944 
1934   60% { 1945   60% {
1935     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); 1946     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1936     transform: perspective(400px) rotate3d(0, 1, 0, 10deg); 1947     transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1937     opacity: 1; 1948     opacity: 1;
1938   } 1949   }
1939  1950 
1940   80% { 1951   80% {
1941     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); 1952     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1942     transform: perspective(400px) rotate3d(0, 1, 0, -5deg); 1953     transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1943   } 1954   }
1944  1955 
1945   to { 1956   to {
1946     -webkit-transform: perspective(400px); 1957     -webkit-transform: perspective(400px);
1947     transform: perspective(400px); 1958     transform: perspective(400px);
1948   } 1959   }
1949 } 1960 }
1950  1961 
1951 @keyframes flipInY { 1962 @keyframes flipInY {
1952   from { 1963   from {
1953     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 1964     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1954     transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 1965     transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
1955     -webkit-animation-timing-function: ease-in; 1966     -webkit-animation-timing-function: ease-in;
1956     animation-timing-function: ease-in; 1967     animation-timing-function: ease-in;
1957     opacity: 0; 1968     opacity: 0;
1958   } 1969   }
1959  1970 
1960   40% { 1971   40% {
1961     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); 1972     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1962     transform: perspective(400px) rotate3d(0, 1, 0, -20deg); 1973     transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
1963     -webkit-animation-timing-function: ease-in; 1974     -webkit-animation-timing-function: ease-in;
1964     animation-timing-function: ease-in; 1975     animation-timing-function: ease-in;
1965   } 1976   }
1966  1977 
1967   60% { 1978   60% {
1968     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); 1979     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1969     transform: perspective(400px) rotate3d(0, 1, 0, 10deg); 1980     transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
1970     opacity: 1; 1981     opacity: 1;
1971   } 1982   }
1972  1983 
1973   80% { 1984   80% {
1974     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); 1985     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1975     transform: perspective(400px) rotate3d(0, 1, 0, -5deg); 1986     transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
1976   } 1987   }
1977  1988 
1978   to { 1989   to {
1979     -webkit-transform: perspective(400px); 1990     -webkit-transform: perspective(400px);
1980     transform: perspective(400px); 1991     transform: perspective(400px);
1981   } 1992   }
1982 } 1993 }
1983  1994 
1984 .flipInY { 1995 .flipInY {
1985   -webkit-backface-visibility: visible !important; 1996   -webkit-backface-visibility: visible !important;
1986   backface-visibility: visible !important; 1997   backface-visibility: visible !important;
1987   -webkit-animation-name: flipInY; 1998   -webkit-animation-name: flipInY;
1988   animation-name: flipInY; 1999   animation-name: flipInY;
1989 } 2000 }
1990  2001 
1991 @-webkit-keyframes flipOutX { 2002 @-webkit-keyframes flipOutX {
1992   from { 2003   from {
1993     -webkit-transform: perspective(400px); 2004     -webkit-transform: perspective(400px);
1994     transform: perspective(400px); 2005     transform: perspective(400px);
1995   } 2006   }
1996  2007 
1997   30% { 2008   30% {
1998     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); 2009     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
1999     transform: perspective(400px) rotate3d(1, 0, 0, -20deg); 2010     transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
2000     opacity: 1; 2011     opacity: 1;
2001   } 2012   }
2002  2013 
2003   to { 2014   to {
2004     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 2015     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
2005     transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 2016     transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
2006     opacity: 0; 2017     opacity: 0;
2007   } 2018   }
2008 } 2019 }
2009  2020 
2010 @keyframes flipOutX { 2021 @keyframes flipOutX {
2011   from { 2022   from {
2012     -webkit-transform: perspective(400px); 2023     -webkit-transform: perspective(400px);
2013     transform: perspective(400px); 2024     transform: perspective(400px);
2014   } 2025   }
2015  2026 
2016   30% { 2027   30% {
2017     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); 2028     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
2018     transform: perspective(400px) rotate3d(1, 0, 0, -20deg); 2029     transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
2019     opacity: 1; 2030     opacity: 1;
2020   } 2031   }
2021  2032 
2022   to { 2033   to {
2023     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 2034     -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
2024     transform: perspective(400px) rotate3d(1, 0, 0, 90deg); 2035     transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
2025     opacity: 0; 2036     opacity: 0;
2026   } 2037   }
2027 } 2038 }
2028  2039 
2029 .flipOutX { 2040 .flipOutX {
2030   -webkit-animation-name: flipOutX; 2041   -webkit-animation-name: flipOutX;
2031   animation-name: flipOutX; 2042   animation-name: flipOutX;
2032   -webkit-backface-visibility: visible !important; 2043   -webkit-backface-visibility: visible !important;
2033   backface-visibility: visible !important; 2044   backface-visibility: visible !important;
2034 } 2045 }
2035  2046 
2036 @-webkit-keyframes flipOutY { 2047 @-webkit-keyframes flipOutY {
2037   from { 2048   from {
2038     -webkit-transform: perspective(400px); 2049     -webkit-transform: perspective(400px);
2039     transform: perspective(400px); 2050     transform: perspective(400px);
2040   } 2051   }
2041  2052 
2042   30% { 2053   30% {
2043     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); 2054     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
2044     transform: perspective(400px) rotate3d(0, 1, 0, -15deg); 2055     transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
2045     opacity: 1; 2056     opacity: 1;
2046   } 2057   }
2047  2058 
2048   to { 2059   to {
2049     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 2060     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2050     transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 2061     transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2051     opacity: 0; 2062     opacity: 0;
2052   } 2063   }
2053 } 2064 }
2054  2065 
2055 @keyframes flipOutY { 2066 @keyframes flipOutY {
2056   from { 2067   from {
2057     -webkit-transform: perspective(400px); 2068     -webkit-transform: perspective(400px);
2058     transform: perspective(400px); 2069     transform: perspective(400px);
2059   } 2070   }
2060  2071 
2061   30% { 2072   30% {
2062     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); 2073     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
2063     transform: perspective(400px) rotate3d(0, 1, 0, -15deg); 2074     transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
2064     opacity: 1; 2075     opacity: 1;
2065   } 2076   }
2066  2077 
2067   to { 2078   to {
2068     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 2079     -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2069     transform: perspective(400px) rotate3d(0, 1, 0, 90deg); 2080     transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
2070     opacity: 0; 2081     opacity: 0;
2071   } 2082   }
2072 } 2083 }
2073  2084 
2074 .flipOutY { 2085 .flipOutY {
2075   -webkit-backface-visibility: visible !important; 2086   -webkit-backface-visibility: visible !important;
2076   backface-visibility: visible !important; 2087   backface-visibility: visible !important;
2077   -webkit-animation-name: flipOutY; 2088   -webkit-animation-name: flipOutY;
2078   animation-name: flipOutY; 2089   animation-name: flipOutY;
2079 } 2090 }
2080  2091 
2081 @-webkit-keyframes lightSpeedIn { 2092 @-webkit-keyframes lightSpeedIn {
2082   from { 2093   from {
2083     -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); 2094     -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
2084     transform: translate3d(100%, 0, 0) skewX(-30deg); 2095     transform: translate3d(100%, 0, 0) skewX(-30deg);
2085     opacity: 0; 2096     opacity: 0;
2086   } 2097   }
2087  2098 
2088   60% { 2099   60% {
2089     -webkit-transform: skewX(20deg); 2100     -webkit-transform: skewX(20deg);
2090     transform: skewX(20deg); 2101     transform: skewX(20deg);
2091     opacity: 1; 2102     opacity: 1;
2092   } 2103   }
2093  2104 
2094   80% { 2105   80% {
2095     -webkit-transform: skewX(-5deg); 2106     -webkit-transform: skewX(-5deg);
2096     transform: skewX(-5deg); 2107     transform: skewX(-5deg);
2097     opacity: 1; 2108     opacity: 1;
2098   } 2109   }
2099  2110 
2100   to { 2111   to {
2101     -webkit-transform: none; 2112     -webkit-transform: none;
2102     transform: none; 2113     transform: none;
2103     opacity: 1; 2114     opacity: 1;
2104   } 2115   }
2105 } 2116 }
2106  2117 
2107 @keyframes lightSpeedIn { 2118 @keyframes lightSpeedIn {
2108   from { 2119   from {
2109     -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); 2120     -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
2110     transform: translate3d(100%, 0, 0) skewX(-30deg); 2121     transform: translate3d(100%, 0, 0) skewX(-30deg);
2111     opacity: 0; 2122     opacity: 0;
2112   } 2123   }
2113  2124 
2114   60% { 2125   60% {
2115     -webkit-transform: skewX(20deg); 2126     -webkit-transform: skewX(20deg);
2116     transform: skewX(20deg); 2127     transform: skewX(20deg);
2117     opacity: 1; 2128     opacity: 1;
2118   } 2129   }
2119  2130 
2120   80% { 2131   80% {
2121     -webkit-transform: skewX(-5deg); 2132     -webkit-transform: skewX(-5deg);
2122     transform: skewX(-5deg); 2133     transform: skewX(-5deg);
2123     opacity: 1; 2134     opacity: 1;
2124   } 2135   }
2125  2136 
2126   to { 2137   to {
2127     -webkit-transform: none; 2138     -webkit-transform: none;
2128     transform: none; 2139     transform: none;
2129     opacity: 1; 2140     opacity: 1;
2130   } 2141   }
2131 } 2142 }
2132  2143 
2133 .lightSpeedIn { 2144 .lightSpeedIn {
2134   -webkit-animation-name: lightSpeedIn; 2145   -webkit-animation-name: lightSpeedIn;
2135   animation-name: lightSpeedIn; 2146   animation-name: lightSpeedIn;
2136   -webkit-animation-timing-function: ease-out; 2147   -webkit-animation-timing-function: ease-out;
2137   animation-timing-function: ease-out; 2148   animation-timing-function: ease-out;
2138 } 2149 }
2139  2150 
2140 @-webkit-keyframes lightSpeedOut { 2151 @-webkit-keyframes lightSpeedOut {
2141   from { 2152   from {
2142     opacity: 1; 2153     opacity: 1;
2143   } 2154   }
2144  2155 
2145   to { 2156   to {
2146     -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); 2157     -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
2147     transform: translate3d(100%, 0, 0) skewX(30deg); 2158     transform: translate3d(100%, 0, 0) skewX(30deg);
2148     opacity: 0; 2159     opacity: 0;
2149   } 2160   }
2150 } 2161 }
2151  2162 
2152 @keyframes lightSpeedOut { 2163 @keyframes lightSpeedOut {
2153   from { 2164   from {
2154     opacity: 1; 2165     opacity: 1;
2155   } 2166   }
2156  2167 
2157   to { 2168   to {
2158     -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); 2169     -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
2159     transform: translate3d(100%, 0, 0) skewX(30deg); 2170     transform: translate3d(100%, 0, 0) skewX(30deg);
2160     opacity: 0; 2171     opacity: 0;
2161   } 2172   }
2162 } 2173 }
2163  2174 
2164 .lightSpeedOut { 2175 .lightSpeedOut {
2165   -webkit-animation-name: lightSpeedOut; 2176   -webkit-animation-name: lightSpeedOut;
2166   animation-name: lightSpeedOut; 2177   animation-name: lightSpeedOut;
2167   -webkit-animation-timing-function: ease-in; 2178   -webkit-animation-timing-function: ease-in;
2168   animation-timing-function: ease-in; 2179   animation-timing-function: ease-in;
2169 } 2180 }
2170  2181 
2171 @-webkit-keyframes rotateIn { 2182 @-webkit-keyframes rotateIn {
2172   from { 2183   from {
2173     -webkit-transform-origin: center; 2184     -webkit-transform-origin: center;
2174     transform-origin: center; 2185     transform-origin: center;
2175     -webkit-transform: rotate3d(0, 0, 1, -200deg); 2186     -webkit-transform: rotate3d(0, 0, 1, -200deg);
2176     transform: rotate3d(0, 0, 1, -200deg); 2187     transform: rotate3d(0, 0, 1, -200deg);
2177     opacity: 0; 2188     opacity: 0;
2178   } 2189   }
2179  2190 
2180   to { 2191   to {
2181     -webkit-transform-origin: center; 2192     -webkit-transform-origin: center;
2182     transform-origin: center; 2193     transform-origin: center;
2183     -webkit-transform: none; 2194     -webkit-transform: none;
2184     transform: none; 2195     transform: none;
2185     opacity: 1; 2196     opacity: 1;
2186   } 2197   }
2187 } 2198 }
2188  2199 
2189 @keyframes rotateIn { 2200 @keyframes rotateIn {
2190   from { 2201   from {
2191     -webkit-transform-origin: center; 2202     -webkit-transform-origin: center;
2192     transform-origin: center; 2203     transform-origin: center;
2193     -webkit-transform: rotate3d(0, 0, 1, -200deg); 2204     -webkit-transform: rotate3d(0, 0, 1, -200deg);
2194     transform: rotate3d(0, 0, 1, -200deg); 2205     transform: rotate3d(0, 0, 1, -200deg);
2195     opacity: 0; 2206     opacity: 0;
2196   } 2207   }
2197  2208 
2198   to { 2209   to {
2199     -webkit-transform-origin: center; 2210     -webkit-transform-origin: center;
2200     transform-origin: center; 2211     transform-origin: center;
2201     -webkit-transform: none; 2212     -webkit-transform: none;
2202     transform: none; 2213     transform: none;
2203     opacity: 1; 2214     opacity: 1;
2204   } 2215   }
2205 } 2216 }
2206  2217 
2207 .rotateIn { 2218 .rotateIn {
2208   -webkit-animation-name: rotateIn; 2219   -webkit-animation-name: rotateIn;
2209   animation-name: rotateIn; 2220   animation-name: rotateIn;
2210 } 2221 }
2211  2222 
2212 @-webkit-keyframes rotateInDownLeft { 2223 @-webkit-keyframes rotateInDownLeft {
2213   from { 2224   from {
2214     -webkit-transform-origin: left bottom; 2225     -webkit-transform-origin: left bottom;
2215     transform-origin: left bottom; 2226     transform-origin: left bottom;
2216     -webkit-transform: rotate3d(0, 0, 1, -45deg); 2227     -webkit-transform: rotate3d(0, 0, 1, -45deg);
2217     transform: rotate3d(0, 0, 1, -45deg); 2228     transform: rotate3d(0, 0, 1, -45deg);
2218     opacity: 0; 2229     opacity: 0;
2219   } 2230   }
2220  2231 
2221   to { 2232   to {
2222     -webkit-transform-origin: left bottom; 2233     -webkit-transform-origin: left bottom;
2223     transform-origin: left bottom; 2234     transform-origin: left bottom;
2224     -webkit-transform: none; 2235     -webkit-transform: none;
2225     transform: none; 2236     transform: none;
2226     opacity: 1; 2237     opacity: 1;
2227   } 2238   }
2228 } 2239 }
2229  2240 
2230 @keyframes rotateInDownLeft { 2241 @keyframes rotateInDownLeft {
2231   from { 2242   from {
2232     -webkit-transform-origin: left bottom; 2243     -webkit-transform-origin: left bottom;
2233     transform-origin: left bottom; 2244     transform-origin: left bottom;
2234     -webkit-transform: rotate3d(0, 0, 1, -45deg); 2245     -webkit-transform: rotate3d(0, 0, 1, -45deg);
2235     transform: rotate3d(0, 0, 1, -45deg); 2246     transform: rotate3d(0, 0, 1, -45deg);
2236     opacity: 0; 2247     opacity: 0;
2237   } 2248   }
2238  2249 
2239   to { 2250   to {
2240     -webkit-transform-origin: left bottom; 2251     -webkit-transform-origin: left bottom;
2241     transform-origin: left bottom; 2252     transform-origin: left bottom;
2242     -webkit-transform: none; 2253     -webkit-transform: none;
2243     transform: none; 2254     transform: none;
2244     opacity: 1; 2255     opacity: 1;
2245   } 2256   }
2246 } 2257 }
2247  2258 
2248 .rotateInDownLeft { 2259 .rotateInDownLeft {
2249   -webkit-animation-name: rotateInDownLeft; 2260   -webkit-animation-name: rotateInDownLeft;
2250   animation-name: rotateInDownLeft; 2261   animation-name: rotateInDownLeft;
2251 } 2262 }
2252  2263 
2253 @-webkit-keyframes rotateInDownRight { 2264 @-webkit-keyframes rotateInDownRight {
2254   from { 2265   from {
2255     -webkit-transform-origin: right bottom; 2266     -webkit-transform-origin: right bottom;
2256     transform-origin: right bottom; 2267     transform-origin: right bottom;
2257     -webkit-transform: rotate3d(0, 0, 1, 45deg); 2268     -webkit-transform: rotate3d(0, 0, 1, 45deg);
2258     transform: rotate3d(0, 0, 1, 45deg); 2269     transform: rotate3d(0, 0, 1, 45deg);
2259     opacity: 0; 2270     opacity: 0;
2260   } 2271   }
2261  2272 
2262   to { 2273   to {
2263     -webkit-transform-origin: right bottom; 2274     -webkit-transform-origin: right bottom;
2264     transform-origin: right bottom; 2275     transform-origin: right bottom;
2265     -webkit-transform: none; 2276     -webkit-transform: none;
2266     transform: none; 2277     transform: none;
2267     opacity: 1; 2278     opacity: 1;
2268   } 2279   }
2269 } 2280 }
2270  2281 
2271 @keyframes rotateInDownRight { 2282 @keyframes rotateInDownRight {
2272   from { 2283   from {
2273     -webkit-transform-origin: right bottom; 2284     -webkit-transform-origin: right bottom;
2274     transform-origin: right bottom; 2285     transform-origin: right bottom;
2275     -webkit-transform: rotate3d(0, 0, 1, 45deg); 2286     -webkit-transform: rotate3d(0, 0, 1, 45deg);
2276     transform: rotate3d(0, 0, 1, 45deg); 2287     transform: rotate3d(0, 0, 1, 45deg);
2277     opacity: 0; 2288     opacity: 0;
2278   } 2289   }
2279  2290 
2280   to { 2291   to {
2281     -webkit-transform-origin: right bottom; 2292     -webkit-transform-origin: right bottom;
2282     transform-origin: right bottom; 2293     transform-origin: right bottom;
2283     -webkit-transform: none; 2294     -webkit-transform: none;
2284     transform: none; 2295     transform: none;
2285     opacity: 1; 2296     opacity: 1;
2286   } 2297   }
2287 } 2298 }
2288  2299 
2289 .rotateInDownRight { 2300 .rotateInDownRight {
2290   -webkit-animation-name: rotateInDownRight; 2301   -webkit-animation-name: rotateInDownRight;
2291   animation-name: rotateInDownRight; 2302   animation-name: rotateInDownRight;
2292 } 2303 }
2293  2304 
2294 @-webkit-keyframes rotateInUpLeft { 2305 @-webkit-keyframes rotateInUpLeft {
2295   from { 2306   from {
2296     -webkit-transform-origin: left bottom; 2307     -webkit-transform-origin: left bottom;
2297     transform-origin: left bottom; 2308     transform-origin: left bottom;
2298     -webkit-transform: rotate3d(0, 0, 1, 45deg); 2309     -webkit-transform: rotate3d(0, 0, 1, 45deg);
2299     transform: rotate3d(0, 0, 1, 45deg); 2310     transform: rotate3d(0, 0, 1, 45deg);
2300     opacity: 0; 2311     opacity: 0;
2301   } 2312   }
2302  2313 
2303   to { 2314   to {
2304     -webkit-transform-origin: left bottom; 2315     -webkit-transform-origin: left bottom;
2305     transform-origin: left bottom; 2316     transform-origin: left bottom;
2306     -webkit-transform: none; 2317     -webkit-transform: none;
2307     transform: none; 2318     transform: none;
2308     opacity: 1; 2319     opacity: 1;
2309   } 2320   }
2310 } 2321 }
2311  2322 
2312 @keyframes rotateInUpLeft { 2323 @keyframes rotateInUpLeft {
2313   from { 2324   from {
2314     -webkit-transform-origin: left bottom; 2325     -webkit-transform-origin: left bottom;
2315     transform-origin: left bottom; 2326     transform-origin: left bottom;
2316     -webkit-transform: rotate3d(0, 0, 1, 45deg); 2327     -webkit-transform: rotate3d(0, 0, 1, 45deg);
2317     transform: rotate3d(0, 0, 1, 45deg); 2328     transform: rotate3d(0, 0, 1, 45deg);
2318     opacity: 0; 2329     opacity: 0;
2319   } 2330   }
2320  2331 
2321   to { 2332   to {
2322     -webkit-transform-origin: left bottom; 2333     -webkit-transform-origin: left bottom;
2323     transform-origin: left bottom; 2334     transform-origin: left bottom;
2324     -webkit-transform: none; 2335     -webkit-transform: none;
2325     transform: none; 2336     transform: none;
2326     opacity: 1; 2337     opacity: 1;
2327   } 2338   }
2328 } 2339 }
2329  2340 
2330 .rotateInUpLeft { 2341 .rotateInUpLeft {
2331   -webkit-animation-name: rotateInUpLeft; 2342   -webkit-animation-name: rotateInUpLeft;
2332   animation-name: rotateInUpLeft; 2343   animation-name: rotateInUpLeft;
2333 } 2344 }
2334  2345 
2335 @-webkit-keyframes rotateInUpRight { 2346 @-webkit-keyframes rotateInUpRight {
2336   from { 2347   from {
2337     -webkit-transform-origin: right bottom; 2348     -webkit-transform-origin: right bottom;
2338     transform-origin: right bottom; 2349     transform-origin: right bottom;
2339     -webkit-transform: rotate3d(0, 0, 1, -90deg); 2350     -webkit-transform: rotate3d(0, 0, 1, -90deg);
2340     transform: rotate3d(0, 0, 1, -90deg); 2351     transform: rotate3d(0, 0, 1, -90deg);
2341     opacity: 0; 2352     opacity: 0;
2342   } 2353   }
2343  2354 
2344   to { 2355   to {
2345     -webkit-transform-origin: right bottom; 2356     -webkit-transform-origin: right bottom;
2346     transform-origin: right bottom; 2357     transform-origin: right bottom;
2347     -webkit-transform: none; 2358     -webkit-transform: none;
2348     transform: none; 2359     transform: none;
2349     opacity: 1; 2360     opacity: 1;
2350   } 2361   }
2351 } 2362 }
2352  2363 
2353 @keyframes rotateInUpRight { 2364 @keyframes rotateInUpRight {
2354   from { 2365   from {
2355     -webkit-transform-origin: right bottom; 2366     -webkit-transform-origin: right bottom;
2356     transform-origin: right bottom; 2367     transform-origin: right bottom;
2357     -webkit-transform: rotate3d(0, 0, 1, -90deg); 2368     -webkit-transform: rotate3d(0, 0, 1, -90deg);
2358     transform: rotate3d(0, 0, 1, -90deg); 2369     transform: rotate3d(0, 0, 1, -90deg);
2359     opacity: 0; 2370     opacity: 0;
2360   } 2371   }
2361  2372 
2362   to { 2373   to {
2363     -webkit-transform-origin: right bottom; 2374     -webkit-transform-origin: right bottom;
2364     transform-origin: right bottom; 2375     transform-origin: right bottom;
2365     -webkit-transform: none; 2376     -webkit-transform: none;
2366     transform: none; 2377     transform: none;
2367     opacity: 1; 2378     opacity: 1;
2368   } 2379   }
2369 } 2380 }
2370  2381 
2371 .rotateInUpRight { 2382 .rotateInUpRight {
2372   -webkit-animation-name: rotateInUpRight; 2383   -webkit-animation-name: rotateInUpRight;
2373   animation-name: rotateInUpRight; 2384   animation-name: rotateInUpRight;
2374 } 2385 }
2375  2386 
2376 @-webkit-keyframes rotateOut { 2387 @-webkit-keyframes rotateOut {
2377   from { 2388   from {
2378     -webkit-transform-origin: center; 2389     -webkit-transform-origin: center;
2379     transform-origin: center; 2390     transform-origin: center;
2380     opacity: 1; 2391     opacity: 1;
2381   } 2392   }
2382  2393 
2383   to { 2394   to {
2384     -webkit-transform-origin: center; 2395     -webkit-transform-origin: center;
2385     transform-origin: center; 2396     transform-origin: center;
2386     -webkit-transform: rotate3d(0, 0, 1, 200deg); 2397     -webkit-transform: rotate3d(0, 0, 1, 200deg);
2387     transform: rotate3d(0, 0, 1, 200deg); 2398     transform: rotate3d(0, 0, 1, 200deg);
2388     opacity: 0; 2399     opacity: 0;
2389   } 2400   }
2390 } 2401 }
2391  2402 
2392 @keyframes rotateOut { 2403 @keyframes rotateOut {
2393   from { 2404   from {
2394     -webkit-transform-origin: center; 2405     -webkit-transform-origin: center;
2395     transform-origin: center; 2406     transform-origin: center;
2396     opacity: 1; 2407     opacity: 1;
2397   } 2408   }
2398  2409 
2399   to { 2410   to {
2400     -webkit-transform-origin: center; 2411     -webkit-transform-origin: center;
2401     transform-origin: center; 2412     transform-origin: center;
2402     -webkit-transform: rotate3d(0, 0, 1, 200deg); 2413     -webkit-transform: rotate3d(0, 0, 1, 200deg);
2403     transform: rotate3d(0, 0, 1, 200deg); 2414     transform: rotate3d(0, 0, 1, 200deg);
2404     opacity: 0; 2415     opacity: 0;
2405   } 2416   }
2406 } 2417 }
2407  2418 
2408 .rotateOut { 2419 .rotateOut {
2409   -webkit-animation-name: rotateOut; 2420   -webkit-animation-name: rotateOut;
2410   animation-name: rotateOut; 2421   animation-name: rotateOut;
2411 } 2422 }
2412  2423 
2413 @-webkit-keyframes rotateOutDownLeft { 2424 @-webkit-keyframes rotateOutDownLeft {
2414   from { 2425   from {
2415     -webkit-transform-origin: left bottom; 2426     -webkit-transform-origin: left bottom;
2416     transform-origin: left bottom; 2427     transform-origin: left bottom;
2417     opacity: 1; 2428     opacity: 1;
2418   } 2429   }
2419  2430 
2420   to { 2431   to {
2421     -webkit-transform-origin: left bottom; 2432     -webkit-transform-origin: left bottom;
2422     transform-origin: left bottom; 2433     transform-origin: left bottom;
2423     -webkit-transform: rotate3d(0, 0, 1, 45deg); 2434     -webkit-transform: rotate3d(0, 0, 1, 45deg);
2424     transform: rotate3d(0, 0, 1, 45deg); 2435     transform: rotate3d(0, 0, 1, 45deg);
2425     opacity: 0; 2436     opacity: 0;
2426   } 2437   }
2427 } 2438 }
2428  2439 
2429 @keyframes rotateOutDownLeft { 2440 @keyframes rotateOutDownLeft {
2430   from { 2441   from {
2431     -webkit-transform-origin: left bottom; 2442     -webkit-transform-origin: left bottom;
2432     transform-origin: left bottom; 2443     transform-origin: left bottom;
2433     opacity: 1; 2444     opacity: 1;
2434   } 2445   }
2435  2446 
2436   to { 2447   to {
2437     -webkit-transform-origin: left bottom; 2448     -webkit-transform-origin: left bottom;
2438     transform-origin: left bottom; 2449     transform-origin: left bottom;
2439     -webkit-transform: rotate3d(0, 0, 1, 45deg); 2450     -webkit-transform: rotate3d(0, 0, 1, 45deg);
2440     transform: rotate3d(0, 0, 1, 45deg); 2451     transform: rotate3d(0, 0, 1, 45deg);
2441     opacity: 0; 2452     opacity: 0;
2442   } 2453   }
2443 } 2454 }
2444  2455 
2445 .rotateOutDownLeft { 2456 .rotateOutDownLeft {
2446   -webkit-animation-name: rotateOutDownLeft; 2457   -webkit-animation-name: rotateOutDownLeft;
2447   animation-name: rotateOutDownLeft; 2458   animation-name: rotateOutDownLeft;
2448 } 2459 }
2449  2460 
2450 @-webkit-keyframes rotateOutDownRight { 2461 @-webkit-keyframes rotateOutDownRight {
2451   from { 2462   from {
2452     -webkit-transform-origin: right bottom; 2463     -webkit-transform-origin: right bottom;
2453     transform-origin: right bottom; 2464     transform-origin: right bottom;
2454     opacity: 1; 2465     opacity: 1;
2455   } 2466   }
2456  2467 
2457   to { 2468   to {
2458     -webkit-transform-origin: right bottom; 2469     -webkit-transform-origin: right bottom;
2459     transform-origin: right bottom; 2470     transform-origin: right bottom;
2460     -webkit-transform: rotate3d(0, 0, 1, -45deg); 2471     -webkit-transform: rotate3d(0, 0, 1, -45deg);
2461     transform: rotate3d(0, 0, 1, -45deg); 2472     transform: rotate3d(0, 0, 1, -45deg);
2462     opacity: 0; 2473     opacity: 0;
2463   } 2474   }
2464 } 2475 }
2465  2476 
2466 @keyframes rotateOutDownRight { 2477 @keyframes rotateOutDownRight {
2467   from { 2478   from {
2468     -webkit-transform-origin: right bottom; 2479     -webkit-transform-origin: right bottom;
2469     transform-origin: right bottom; 2480     transform-origin: right bottom;
2470     opacity: 1; 2481     opacity: 1;
2471   } 2482   }
2472  2483 
2473   to { 2484   to {
2474     -webkit-transform-origin: right bottom; 2485     -webkit-transform-origin: right bottom;
2475     transform-origin: right bottom; 2486     transform-origin: right bottom;
2476     -webkit-transform: rotate3d(0, 0, 1, -45deg); 2487     -webkit-transform: rotate3d(0, 0, 1, -45deg);
2477     transform: rotate3d(0, 0, 1, -45deg); 2488     transform: rotate3d(0, 0, 1, -45deg);
2478     opacity: 0; 2489     opacity: 0;
2479   } 2490   }
2480 } 2491 }
2481  2492 
2482 .rotateOutDownRight { 2493 .rotateOutDownRight {
2483   -webkit-animation-name: rotateOutDownRight; 2494   -webkit-animation-name: rotateOutDownRight;
2484   animation-name: rotateOutDownRight; 2495   animation-name: rotateOutDownRight;
2485 } 2496 }
2486  2497 
2487 @-webkit-keyframes rotateOutUpLeft { 2498 @-webkit-keyframes rotateOutUpLeft {
2488   from { 2499   from {
2489     -webkit-transform-origin: left bottom; 2500     -webkit-transform-origin: left bottom;
2490     transform-origin: left bottom; 2501     transform-origin: left bottom;
2491     opacity: 1; 2502     opacity: 1;
2492   } 2503   }
2493  2504 
2494   to { 2505   to {
2495     -webkit-transform-origin: left bottom; 2506     -webkit-transform-origin: left bottom;
2496     transform-origin: left bottom; 2507     transform-origin: left bottom;
2497     -webkit-transform: rotate3d(0, 0, 1, -45deg); 2508     -webkit-transform: rotate3d(0, 0, 1, -45deg);
2498     transform: rotate3d(0, 0, 1, -45deg); 2509     transform: rotate3d(0, 0, 1, -45deg);
2499     opacity: 0; 2510     opacity: 0;
2500   } 2511   }
2501 } 2512 }
2502  2513 
2503 @keyframes rotateOutUpLeft { 2514 @keyframes rotateOutUpLeft {
2504   from { 2515   from {
2505     -webkit-transform-origin: left bottom; 2516     -webkit-transform-origin: left bottom;
2506     transform-origin: left bottom; 2517     transform-origin: left bottom;
2507     opacity: 1; 2518     opacity: 1;
2508   } 2519   }
2509  2520 
2510   to { 2521   to {
2511     -webkit-transform-origin: left bottom; 2522     -webkit-transform-origin: left bottom;
2512     transform-origin: left bottom; 2523     transform-origin: left bottom;
2513     -webkit-transform: rotate3d(0, 0, 1, -45deg); 2524     -webkit-transform: rotate3d(0, 0, 1, -45deg);
2514     transform: rotate3d(0, 0, 1, -45deg); 2525     transform: rotate3d(0, 0, 1, -45deg);
2515     opacity: 0; 2526     opacity: 0;
2516   } 2527   }
2517 } 2528 }
2518  2529 
2519 .rotateOutUpLeft { 2530 .rotateOutUpLeft {
2520   -webkit-animation-name: rotateOutUpLeft; 2531   -webkit-animation-name: rotateOutUpLeft;
2521   animation-name: rotateOutUpLeft; 2532   animation-name: rotateOutUpLeft;
2522 } 2533 }
2523  2534 
2524 @-webkit-keyframes rotateOutUpRight { 2535 @-webkit-keyframes rotateOutUpRight {
2525   from { 2536   from {
2526     -webkit-transform-origin: right bottom; 2537     -webkit-transform-origin: right bottom;
2527     transform-origin: right bottom; 2538     transform-origin: right bottom;
2528     opacity: 1; 2539     opacity: 1;
2529   } 2540   }
2530  2541 
2531   to { 2542   to {
2532     -webkit-transform-origin: right bottom; 2543     -webkit-transform-origin: right bottom;
2533     transform-origin: right bottom; 2544     transform-origin: right bottom;
2534     -webkit-transform: rotate3d(0, 0, 1, 90deg); 2545     -webkit-transform: rotate3d(0, 0, 1, 90deg);
2535     transform: rotate3d(0, 0, 1, 90deg); 2546     transform: rotate3d(0, 0, 1, 90deg);
2536     opacity: 0; 2547     opacity: 0;
2537   } 2548   }
2538 } 2549 }
2539  2550 
2540 @keyframes rotateOutUpRight { 2551 @keyframes rotateOutUpRight {
2541   from { 2552   from {
2542     -webkit-transform-origin: right bottom; 2553     -webkit-transform-origin: right bottom;
2543     transform-origin: right bottom; 2554     transform-origin: right bottom;
2544     opacity: 1; 2555     opacity: 1;
2545   } 2556   }
2546  2557 
2547   to { 2558   to {
2548     -webkit-transform-origin: right bottom; 2559     -webkit-transform-origin: right bottom;
2549     transform-origin: right bottom; 2560     transform-origin: right bottom;
2550     -webkit-transform: rotate3d(0, 0, 1, 90deg); 2561     -webkit-transform: rotate3d(0, 0, 1, 90deg);
2551     transform: rotate3d(0, 0, 1, 90deg); 2562     transform: rotate3d(0, 0, 1, 90deg);
2552     opacity: 0; 2563     opacity: 0;
2553   } 2564   }
2554 } 2565 }
2555  2566 
2556 .rotateOutUpRight { 2567 .rotateOutUpRight {
2557   -webkit-animation-name: rotateOutUpRight; 2568   -webkit-animation-name: rotateOutUpRight;
2558   animation-name: rotateOutUpRight; 2569   animation-name: rotateOutUpRight;
2559 } 2570 }
2560  2571 
2561 @-webkit-keyframes hinge { 2572 @-webkit-keyframes hinge {
2562   0% { 2573   0% {
2563     -webkit-transform-origin: top left; 2574     -webkit-transform-origin: top left;
2564     transform-origin: top left; 2575     transform-origin: top left;
2565     -webkit-animation-timing-function: ease-in-out; 2576     -webkit-animation-timing-function: ease-in-out;
2566     animation-timing-function: ease-in-out; 2577     animation-timing-function: ease-in-out;
2567   } 2578   }
2568  2579 
2569   20%, 60% { 2580   20%, 60% {
2570     -webkit-transform: rotate3d(0, 0, 1, 80deg); 2581     -webkit-transform: rotate3d(0, 0, 1, 80deg);
2571     transform: rotate3d(0, 0, 1, 80deg); 2582     transform: rotate3d(0, 0, 1, 80deg);
2572     -webkit-transform-origin: top left; 2583     -webkit-transform-origin: top left;
2573     transform-origin: top left; 2584     transform-origin: top left;
2574     -webkit-animation-timing-function: ease-in-out; 2585     -webkit-animation-timing-function: ease-in-out;
2575     animation-timing-function: ease-in-out; 2586     animation-timing-function: ease-in-out;
2576   } 2587   }
2577  2588 
2578   40%, 80% { 2589   40%, 80% {
2579     -webkit-transform: rotate3d(0, 0, 1, 60deg); 2590     -webkit-transform: rotate3d(0, 0, 1, 60deg);
2580     transform: rotate3d(0, 0, 1, 60deg); 2591     transform: rotate3d(0, 0, 1, 60deg);
2581     -webkit-transform-origin: top left; 2592     -webkit-transform-origin: top left;
2582     transform-origin: top left; 2593     transform-origin: top left;
2583     -webkit-animation-timing-function: ease-in-out; 2594     -webkit-animation-timing-function: ease-in-out;
2584     animation-timing-function: ease-in-out; 2595     animation-timing-function: ease-in-out;
2585     opacity: 1; 2596     opacity: 1;
2586   } 2597   }
2587  2598 
2588   to { 2599   to {
2589     -webkit-transform: translate3d(0, 700px, 0); 2600     -webkit-transform: translate3d(0, 700px, 0);
2590     transform: translate3d(0, 700px, 0); 2601     transform: translate3d(0, 700px, 0);
2591     opacity: 0; 2602     opacity: 0;
2592   } 2603   }
2593 } 2604 }
2594  2605 
2595 @keyframes hinge { 2606 @keyframes hinge {
2596   0% { 2607   0% {
2597     -webkit-transform-origin: top left; 2608     -webkit-transform-origin: top left;
2598     transform-origin: top left; 2609     transform-origin: top left;
2599     -webkit-animation-timing-function: ease-in-out; 2610     -webkit-animation-timing-function: ease-in-out;
2600     animation-timing-function: ease-in-out; 2611     animation-timing-function: ease-in-out;
2601   } 2612   }
2602  2613 
2603   20%, 60% { 2614   20%, 60% {
2604     -webkit-transform: rotate3d(0, 0, 1, 80deg); 2615     -webkit-transform: rotate3d(0, 0, 1, 80deg);
2605     transform: rotate3d(0, 0, 1, 80deg); 2616     transform: rotate3d(0, 0, 1, 80deg);
2606     -webkit-transform-origin: top left; 2617     -webkit-transform-origin: top left;
2607     transform-origin: top left; 2618     transform-origin: top left;
2608     -webkit-animation-timing-function: ease-in-out; 2619     -webkit-animation-timing-function: ease-in-out;
2609     animation-timing-function: ease-in-out; 2620     animation-timing-function: ease-in-out;
2610   } 2621   }
2611  2622 
2612   40%, 80% { 2623   40%, 80% {
2613     -webkit-transform: rotate3d(0, 0, 1, 60deg); 2624     -webkit-transform: rotate3d(0, 0, 1, 60deg);
2614     transform: rotate3d(0, 0, 1, 60deg); 2625     transform: rotate3d(0, 0, 1, 60deg);
2615     -webkit-transform-origin: top left; 2626     -webkit-transform-origin: top left;
2616     transform-origin: top left; 2627     transform-origin: top left;
2617     -webkit-animation-timing-function: ease-in-out; 2628     -webkit-animation-timing-function: ease-in-out;
2618     animation-timing-function: ease-in-out; 2629     animation-timing-function: ease-in-out;
2619     opacity: 1; 2630     opacity: 1;
2620   } 2631   }
2621  2632 
2622   to { 2633   to {
2623     -webkit-transform: translate3d(0, 700px, 0); 2634     -webkit-transform: translate3d(0, 700px, 0);
2624     transform: translate3d(0, 700px, 0); 2635     transform: translate3d(0, 700px, 0);
2625     opacity: 0; 2636     opacity: 0;
2626   } 2637   }
2627 } 2638 }
2628  2639 
2629 .hinge { 2640 .hinge {
2630   -webkit-animation-name: hinge; 2641   -webkit-animation-name: hinge;
2631   animation-name: hinge; 2642   animation-name: hinge;
2632 } 2643 }
2633  2644 
2634 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ 2645 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
2635  2646 
2636 @-webkit-keyframes rollIn { 2647 @-webkit-keyframes rollIn {
2637   from { 2648   from {
2638     opacity: 0; 2649     opacity: 0;
2639     -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); 2650     -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2640     transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); 2651     transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2641   } 2652   }
2642  2653 
2643   to { 2654   to {
2644     opacity: 1; 2655     opacity: 1;
2645     -webkit-transform: none; 2656     -webkit-transform: none;
2646     transform: none; 2657     transform: none;
2647   } 2658   }
2648 } 2659 }
2649  2660 
2650 @keyframes rollIn { 2661 @keyframes rollIn {
2651   from { 2662   from {
2652     opacity: 0; 2663     opacity: 0;
2653     -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); 2664     -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2654     transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); 2665     transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
2655   } 2666   }
2656  2667 
2657   to { 2668   to {
2658     opacity: 1; 2669     opacity: 1;
2659     -webkit-transform: none; 2670     -webkit-transform: none;
2660     transform: none; 2671     transform: none;
2661   } 2672   }
2662 } 2673 }
2663  2674 
2664 .rollIn { 2675 .rollIn {
2665   -webkit-animation-name: rollIn; 2676   -webkit-animation-name: rollIn;
2666   animation-name: rollIn; 2677   animation-name: rollIn;
2667 } 2678 }
2668  2679 
2669 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ 2680 /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
2670  2681 
2671 @-webkit-keyframes rollOut { 2682 @-webkit-keyframes rollOut {
2672   from { 2683   from {
2673     opacity: 1; 2684     opacity: 1;
2674   } 2685   }
2675  2686 
2676   to { 2687   to {
2677     opacity: 0; 2688     opacity: 0;
2678     -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); 2689     -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2679     transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); 2690     transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2680   } 2691   }
2681 } 2692 }
2682  2693 
2683 @keyframes rollOut { 2694 @keyframes rollOut {
2684   from { 2695   from {
2685     opacity: 1; 2696     opacity: 1;
2686   } 2697   }
2687  2698 
2688   to { 2699   to {
2689     opacity: 0; 2700     opacity: 0;
2690     -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); 2701     -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2691     transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); 2702     transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
2692   } 2703   }
2693 } 2704 }
2694  2705 
2695 .rollOut { 2706 .rollOut {
2696   -webkit-animation-name: rollOut; 2707   -webkit-animation-name: rollOut;
2697   animation-name: rollOut; 2708   animation-name: rollOut;
2698 } 2709 }
2699  2710 
2700 @-webkit-keyframes zoomIn { 2711 @-webkit-keyframes zoomIn {
2701   from { 2712   from {
2702     opacity: 0; 2713     opacity: 0;
2703     -webkit-transform: scale3d(.3, .3, .3); 2714     -webkit-transform: scale3d(.3, .3, .3);
2704     transform: scale3d(.3, .3, .3); 2715     transform: scale3d(.3, .3, .3);
2705   } 2716   }
2706  2717 
2707   50% { 2718   50% {
2708     opacity: 1; 2719     opacity: 1;
2709   } 2720   }
2710 } 2721 }
2711  2722 
2712 @keyframes zoomIn { 2723 @keyframes zoomIn {
2713   from { 2724   from {
2714     opacity: 0; 2725     opacity: 0;
2715     -webkit-transform: scale3d(.3, .3, .3); 2726     -webkit-transform: scale3d(.3, .3, .3);
2716     transform: scale3d(.3, .3, .3); 2727     transform: scale3d(.3, .3, .3);
2717   } 2728   }
2718  2729 
2719   50% { 2730   50% {
2720     opacity: 1; 2731     opacity: 1;
2721   } 2732   }
2722 } 2733 }
2723  2734 
2724 .zoomIn { 2735 .zoomIn {
2725   -webkit-animation-name: zoomIn; 2736   -webkit-animation-name: zoomIn;
2726   animation-name: zoomIn; 2737   animation-name: zoomIn;
2727 } 2738 }
2728  2739 
2729 @-webkit-keyframes zoomInDown { 2740 @-webkit-keyframes zoomInDown {
2730   from { 2741   from {
2731     opacity: 0; 2742     opacity: 0;
2732     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); 2743     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2733     transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); 2744     transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2734     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2745     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2735     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2746     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2736   } 2747   }
2737  2748 
2738   60% { 2749   60% {
2739     opacity: 1; 2750     opacity: 1;
2740     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); 2751     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2741     transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); 2752     transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2742     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2753     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2743     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2754     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2744   } 2755   }
2745 } 2756 }
2746  2757 
2747 @keyframes zoomInDown { 2758 @keyframes zoomInDown {
2748   from { 2759   from {
2749     opacity: 0; 2760     opacity: 0;
2750     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); 2761     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2751     transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); 2762     transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
2752     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2763     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2753     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2764     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2754   } 2765   }
2755  2766 
2756   60% { 2767   60% {
2757     opacity: 1; 2768     opacity: 1;
2758     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); 2769     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2759     transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); 2770     transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
2760     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2771     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2761     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2772     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2762   } 2773   }
2763 } 2774 }
2764  2775 
2765 .zoomInDown { 2776 .zoomInDown {
2766   -webkit-animation-name: zoomInDown; 2777   -webkit-animation-name: zoomInDown;
2767   animation-name: zoomInDown; 2778   animation-name: zoomInDown;
2768 } 2779 }
2769  2780 
2770 @-webkit-keyframes zoomInLeft { 2781 @-webkit-keyframes zoomInLeft {
2771   from { 2782   from {
2772     opacity: 0; 2783     opacity: 0;
2773     -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); 2784     -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2774     transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); 2785     transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2775     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2786     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2776     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2787     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2777   } 2788   }
2778  2789 
2779   60% { 2790   60% {
2780     opacity: 1; 2791     opacity: 1;
2781     -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); 2792     -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2782     transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); 2793     transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2783     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2794     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2784     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2795     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2785   } 2796   }
2786 } 2797 }
2787  2798 
2788 @keyframes zoomInLeft { 2799 @keyframes zoomInLeft {
2789   from { 2800   from {
2790     opacity: 0; 2801     opacity: 0;
2791     -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); 2802     -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2792     transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); 2803     transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
2793     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2804     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2794     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2805     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2795   } 2806   }
2796  2807 
2797   60% { 2808   60% {
2798     opacity: 1; 2809     opacity: 1;
2799     -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); 2810     -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2800     transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); 2811     transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
2801     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2812     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2802     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2813     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2803   } 2814   }
2804 } 2815 }
2805  2816 
2806 .zoomInLeft { 2817 .zoomInLeft {
2807   -webkit-animation-name: zoomInLeft; 2818   -webkit-animation-name: zoomInLeft;
2808   animation-name: zoomInLeft; 2819   animation-name: zoomInLeft;
2809 } 2820 }
2810  2821 
2811 @-webkit-keyframes zoomInRight { 2822 @-webkit-keyframes zoomInRight {
2812   from { 2823   from {
2813     opacity: 0; 2824     opacity: 0;
2814     -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); 2825     -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2815     transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); 2826     transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2816     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2827     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2817     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2828     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2818   } 2829   }
2819  2830 
2820   60% { 2831   60% {
2821     opacity: 1; 2832     opacity: 1;
2822     -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); 2833     -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2823     transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); 2834     transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2824     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2835     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2825     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2836     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2826   } 2837   }
2827 } 2838 }
2828  2839 
2829 @keyframes zoomInRight { 2840 @keyframes zoomInRight {
2830   from { 2841   from {
2831     opacity: 0; 2842     opacity: 0;
2832     -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); 2843     -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2833     transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); 2844     transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
2834     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2845     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2835     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2846     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2836   } 2847   }
2837  2848 
2838   60% { 2849   60% {
2839     opacity: 1; 2850     opacity: 1;
2840     -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); 2851     -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2841     transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); 2852     transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
2842     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2853     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2843     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2854     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2844   } 2855   }
2845 } 2856 }
2846  2857 
2847 .zoomInRight { 2858 .zoomInRight {
2848   -webkit-animation-name: zoomInRight; 2859   -webkit-animation-name: zoomInRight;
2849   animation-name: zoomInRight; 2860   animation-name: zoomInRight;
2850 } 2861 }
2851  2862 
2852 @-webkit-keyframes zoomInUp { 2863 @-webkit-keyframes zoomInUp {
2853   from { 2864   from {
2854     opacity: 0; 2865     opacity: 0;
2855     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); 2866     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2856     transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); 2867     transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2857     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2868     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2858     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2869     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2859   } 2870   }
2860  2871 
2861   60% { 2872   60% {
2862     opacity: 1; 2873     opacity: 1;
2863     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); 2874     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2864     transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); 2875     transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2865     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2876     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2866     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2877     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2867   } 2878   }
2868 } 2879 }
2869  2880 
2870 @keyframes zoomInUp { 2881 @keyframes zoomInUp {
2871   from { 2882   from {
2872     opacity: 0; 2883     opacity: 0;
2873     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); 2884     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2874     transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); 2885     transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
2875     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2886     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2876     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2887     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2877   } 2888   }
2878  2889 
2879   60% { 2890   60% {
2880     opacity: 1; 2891     opacity: 1;
2881     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); 2892     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2882     transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); 2893     transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2883     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2894     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2884     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2895     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2885   } 2896   }
2886 } 2897 }
2887  2898 
2888 .zoomInUp { 2899 .zoomInUp {
2889   -webkit-animation-name: zoomInUp; 2900   -webkit-animation-name: zoomInUp;
2890   animation-name: zoomInUp; 2901   animation-name: zoomInUp;
2891 } 2902 }
2892  2903 
2893 @-webkit-keyframes zoomOut { 2904 @-webkit-keyframes zoomOut {
2894   from { 2905   from {
2895     opacity: 1; 2906     opacity: 1;
2896   } 2907   }
2897  2908 
2898   50% { 2909   50% {
2899     opacity: 0; 2910     opacity: 0;
2900     -webkit-transform: scale3d(.3, .3, .3); 2911     -webkit-transform: scale3d(.3, .3, .3);
2901     transform: scale3d(.3, .3, .3); 2912     transform: scale3d(.3, .3, .3);
2902   } 2913   }
2903  2914 
2904   to { 2915   to {
2905     opacity: 0; 2916     opacity: 0;
2906   } 2917   }
2907 } 2918 }
2908  2919 
2909 @keyframes zoomOut { 2920 @keyframes zoomOut {
2910   from { 2921   from {
2911     opacity: 1; 2922     opacity: 1;
2912   } 2923   }
2913  2924 
2914   50% { 2925   50% {
2915     opacity: 0; 2926     opacity: 0;
2916     -webkit-transform: scale3d(.3, .3, .3); 2927     -webkit-transform: scale3d(.3, .3, .3);
2917     transform: scale3d(.3, .3, .3); 2928     transform: scale3d(.3, .3, .3);
2918   } 2929   }
2919  2930 
2920   to { 2931   to {
2921     opacity: 0; 2932     opacity: 0;
2922   } 2933   }
2923 } 2934 }
2924  2935 
2925 .zoomOut { 2936 .zoomOut {
2926   -webkit-animation-name: zoomOut; 2937   -webkit-animation-name: zoomOut;
2927   animation-name: zoomOut; 2938   animation-name: zoomOut;
2928 } 2939 }
2929  2940 
2930 @-webkit-keyframes zoomOutDown { 2941 @-webkit-keyframes zoomOutDown {
2931   40% { 2942   40% {
2932     opacity: 1; 2943     opacity: 1;
2933     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); 2944     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2934     transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); 2945     transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2935     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2946     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2936     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2947     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2937   } 2948   }
2938  2949 
2939   to { 2950   to {
2940     opacity: 0; 2951     opacity: 0;
2941     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); 2952     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2942     transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); 2953     transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2943     -webkit-transform-origin: center bottom; 2954     -webkit-transform-origin: center bottom;
2944     transform-origin: center bottom; 2955     transform-origin: center bottom;
2945     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2956     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2946     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2957     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2947   } 2958   }
2948 } 2959 }
2949  2960 
2950 @keyframes zoomOutDown { 2961 @keyframes zoomOutDown {
2951   40% { 2962   40% {
2952     opacity: 1; 2963     opacity: 1;
2953     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); 2964     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2954     transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); 2965     transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
2955     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2966     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2956     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 2967     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
2957   } 2968   }
2958  2969 
2959   to { 2970   to {
2960     opacity: 0; 2971     opacity: 0;
2961     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); 2972     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2962     transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); 2973     transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
2963     -webkit-transform-origin: center bottom; 2974     -webkit-transform-origin: center bottom;
2964     transform-origin: center bottom; 2975     transform-origin: center bottom;
2965     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2976     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2966     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 2977     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
2967   } 2978   }
2968 } 2979 }
2969  2980 
2970 .zoomOutDown { 2981 .zoomOutDown {
2971   -webkit-animation-name: zoomOutDown; 2982   -webkit-animation-name: zoomOutDown;
2972   animation-name: zoomOutDown; 2983   animation-name: zoomOutDown;
2973 } 2984 }
2974  2985 
2975 @-webkit-keyframes zoomOutLeft { 2986 @-webkit-keyframes zoomOutLeft {
2976   40% { 2987   40% {
2977     opacity: 1; 2988     opacity: 1;
2978     -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); 2989     -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
2979     transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); 2990     transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
2980   } 2991   }
2981  2992 
2982   to { 2993   to {
2983     opacity: 0; 2994     opacity: 0;
2984     -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); 2995     -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
2985     transform: scale(.1) translate3d(-2000px, 0, 0); 2996     transform: scale(.1) translate3d(-2000px, 0, 0);
2986     -webkit-transform-origin: left center; 2997     -webkit-transform-origin: left center;
2987     transform-origin: left center; 2998     transform-origin: left center;
2988   } 2999   }
2989 } 3000 }
2990  3001 
2991 @keyframes zoomOutLeft { 3002 @keyframes zoomOutLeft {
2992   40% { 3003   40% {
2993     opacity: 1; 3004     opacity: 1;
2994     -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); 3005     -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
2995     transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); 3006     transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
2996   } 3007   }
2997  3008 
2998   to { 3009   to {
2999     opacity: 0; 3010     opacity: 0;
3000     -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); 3011     -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
3001     transform: scale(.1) translate3d(-2000px, 0, 0); 3012     transform: scale(.1) translate3d(-2000px, 0, 0);
3002     -webkit-transform-origin: left center; 3013     -webkit-transform-origin: left center;
3003     transform-origin: left center; 3014     transform-origin: left center;
3004   } 3015   }
3005 } 3016 }
3006  3017 
3007 .zoomOutLeft { 3018 .zoomOutLeft {
3008   -webkit-animation-name: zoomOutLeft; 3019   -webkit-animation-name: zoomOutLeft;
3009   animation-name: zoomOutLeft; 3020   animation-name: zoomOutLeft;
3010 } 3021 }
3011  3022 
3012 @-webkit-keyframes zoomOutRight { 3023 @-webkit-keyframes zoomOutRight {
3013   40% { 3024   40% {
3014     opacity: 1; 3025     opacity: 1;
3015     -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); 3026     -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
3016     transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); 3027     transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
3017   } 3028   }
3018  3029 
3019   to { 3030   to {
3020     opacity: 0; 3031     opacity: 0;
3021     -webkit-transform: scale(.1) translate3d(2000px, 0, 0); 3032     -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
3022     transform: scale(.1) translate3d(2000px, 0, 0); 3033     transform: scale(.1) translate3d(2000px, 0, 0);
3023     -webkit-transform-origin: right center; 3034     -webkit-transform-origin: right center;
3024     transform-origin: right center; 3035     transform-origin: right center;
3025   } 3036   }
3026 } 3037 }
3027  3038 
3028 @keyframes zoomOutRight { 3039 @keyframes zoomOutRight {
3029   40% { 3040   40% {
3030     opacity: 1; 3041     opacity: 1;
3031     -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); 3042     -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
3032     transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); 3043     transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
3033   } 3044   }
3034  3045 
3035   to { 3046   to {
3036     opacity: 0; 3047     opacity: 0;
3037     -webkit-transform: scale(.1) translate3d(2000px, 0, 0); 3048     -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
3038     transform: scale(.1) translate3d(2000px, 0, 0); 3049     transform: scale(.1) translate3d(2000px, 0, 0);
3039     -webkit-transform-origin: right center; 3050     -webkit-transform-origin: right center;
3040     transform-origin: right center; 3051     transform-origin: right center;
3041   } 3052   }
3042 } 3053 }
3043  3054 
3044 .zoomOutRight { 3055 .zoomOutRight {
3045   -webkit-animation-name: zoomOutRight; 3056   -webkit-animation-name: zoomOutRight;
3046   animation-name: zoomOutRight; 3057   animation-name: zoomOutRight;
3047 } 3058 }
3048  3059 
3049 @-webkit-keyframes zoomOutUp { 3060 @-webkit-keyframes zoomOutUp {
3050   40% { 3061   40% {
3051     opacity: 1; 3062     opacity: 1;
3052     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); 3063     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3053     transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); 3064     transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3054     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 3065     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3055     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 3066     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3056   } 3067   }
3057  3068 
3058   to { 3069   to {
3059     opacity: 0; 3070     opacity: 0;
3060     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); 3071     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
3061     transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); 3072     transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
3062     -webkit-transform-origin: center bottom; 3073     -webkit-transform-origin: center bottom;
3063     transform-origin: center bottom; 3074     transform-origin: center bottom;
3064     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 3075     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3065     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 3076     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3066   } 3077   }
3067 } 3078 }
3068  3079 
3069 @keyframes zoomOutUp { 3080 @keyframes zoomOutUp {
3070   40% { 3081   40% {
3071     opacity: 1; 3082     opacity: 1;
3072     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); 3083     -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3073     transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); 3084     transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
3074     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 3085     -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3075     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); 3086     animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
3076   } 3087   }
3077  3088 
3078   to { 3089   to {
3079     opacity: 0; 3090     opacity: 0;
3080     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); 3091     -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
3081     transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); 3092     transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
3082     -webkit-transform-origin: center bottom; 3093     -webkit-transform-origin: center bottom;
3083     transform-origin: center bottom; 3094     transform-origin: center bottom;
3084     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 3095     -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3085     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); 3096     animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
3086   } 3097   }
3087 } 3098 }
3088  3099 
3089 .zoomOutUp { 3100 .zoomOutUp {
3090   -webkit-animation-name: zoomOutUp; 3101   -webkit-animation-name: zoomOutUp;
3091   animation-name: zoomOutUp; 3102   animation-name: zoomOutUp;
3092 } 3103 }
3093  3104 
3094 @-webkit-keyframes slideInDown { 3105 @-webkit-keyframes slideInDown {
3095   from { 3106   from {
3096     -webkit-transform: translate3d(0, -100%, 0); 3107     -webkit-transform: translate3d(0, -100%, 0);
3097     transform: translate3d(0, -100%, 0); 3108     transform: translate3d(0, -100%, 0);
3098     visibility: visible; 3109     visibility: visible;
3099   } 3110   }
3100  3111 
3101   to { 3112   to {
3102     -webkit-transform: translate3d(0, 0, 0); 3113     -webkit-transform: translate3d(0, 0, 0);
3103     transform: translate3d(0, 0, 0); 3114     transform: translate3d(0, 0, 0);
3104   } 3115   }
3105 } 3116 }
3106  3117 
3107 @keyframes slideInDown { 3118 @keyframes slideInDown {
3108   from { 3119   from {
3109     -webkit-transform: translate3d(0, -100%, 0); 3120     -webkit-transform: translate3d(0, -100%, 0);
3110     transform: translate3d(0, -100%, 0); 3121     transform: translate3d(0, -100%, 0);
3111     visibility: visible; 3122     visibility: visible;
3112   } 3123   }
3113  3124 
3114   to { 3125   to {
3115     -webkit-transform: translate3d(0, 0, 0); 3126     -webkit-transform: translate3d(0, 0, 0);
3116     transform: translate3d(0, 0, 0); 3127     transform: translate3d(0, 0, 0);
3117   } 3128   }
3118 } 3129 }
3119  3130 
3120 .slideInDown { 3131 .slideInDown {
3121   -webkit-animation-name: slideInDown; 3132   -webkit-animation-name: slideInDown;
3122   animation-name: slideInDown; 3133   animation-name: slideInDown;
3123 } 3134 }
3124  3135 
3125 @-webkit-keyframes slideInLeft { 3136 @-webkit-keyframes slideInLeft {
3126   from { 3137   from {
3127     -webkit-transform: translate3d(-100%, 0, 0); 3138     -webkit-transform: translate3d(-100%, 0, 0);
3128     transform: translate3d(-100%, 0, 0); 3139     transform: translate3d(-100%, 0, 0);
3129     visibility: visible; 3140     visibility: visible;
3130   } 3141   }
3131  3142 
3132   to { 3143   to {
3133     -webkit-transform: translate3d(0, 0, 0); 3144     -webkit-transform: translate3d(0, 0, 0);
3134     transform: translate3d(0, 0, 0); 3145     transform: translate3d(0, 0, 0);
3135   } 3146   }
3136 } 3147 }
3137  3148 
3138 @keyframes slideInLeft { 3149 @keyframes slideInLeft {
3139   from { 3150   from {
3140     -webkit-transform: translate3d(-100%, 0, 0); 3151     -webkit-transform: translate3d(-100%, 0, 0);
3141     transform: translate3d(-100%, 0, 0); 3152     transform: translate3d(-100%, 0, 0);
3142     visibility: visible; 3153     visibility: visible;
3143   } 3154   }
3144  3155 
3145   to { 3156   to {
3146     -webkit-transform: translate3d(0, 0, 0); 3157     -webkit-transform: translate3d(0, 0, 0);
3147     transform: translate3d(0, 0, 0); 3158     transform: translate3d(0, 0, 0);
3148   } 3159   }
3149 } 3160 }
3150  3161 
3151 .slideInLeft { 3162 .slideInLeft {
3152   -webkit-animation-name: slideInLeft; 3163   -webkit-animation-name: slideInLeft;
3153   animation-name: slideInLeft; 3164   animation-name: slideInLeft;
3154 } 3165 }
3155  3166 
3156 @-webkit-keyframes slideInRight { 3167 @-webkit-keyframes slideInRight {
3157   from { 3168   from {
3158     -webkit-transform: translate3d(100%, 0, 0); 3169     -webkit-transform: translate3d(100%, 0, 0);
3159     transform: translate3d(100%, 0, 0); 3170     transform: translate3d(100%, 0, 0);
3160     visibility: visible; 3171     visibility: visible;
3161   } 3172   }
3162  3173 
3163   to { 3174   to {
3164     -webkit-transform: translate3d(0, 0, 0); 3175     -webkit-transform: translate3d(0, 0, 0);
3165     transform: translate3d(0, 0, 0); 3176     transform: translate3d(0, 0, 0);
3166   } 3177   }
3167 } 3178 }
3168  3179 
3169 @keyframes slideInRight { 3180 @keyframes slideInRight {
3170   from { 3181   from {
3171     -webkit-transform: translate3d(100%, 0, 0); 3182     -webkit-transform: translate3d(100%, 0, 0);
3172     transform: translate3d(100%, 0, 0); 3183     transform: translate3d(100%, 0, 0);
3173     visibility: visible; 3184     visibility: visible;
3174   } 3185   }
3175  3186 
3176   to { 3187   to {
3177     -webkit-transform: translate3d(0, 0, 0); 3188     -webkit-transform: translate3d(0, 0, 0);
3178     transform: translate3d(0, 0, 0); 3189     transform: translate3d(0, 0, 0);
3179   } 3190   }
3180 } 3191 }
3181  3192 
3182 .slideInRight { 3193 .slideInRight {
3183   -webkit-animation-name: slideInRight; 3194   -webkit-animation-name: slideInRight;
3184   animation-name: slideInRight; 3195   animation-name: slideInRight;
3185 } 3196 }
3186  3197 
3187 @-webkit-keyframes slideInUp { 3198 @-webkit-keyframes slideInUp {
3188   from { 3199   from {
3189     -webkit-transform: translate3d(0, 100%, 0); 3200     -webkit-transform: translate3d(0, 100%, 0);
3190     transform: translate3d(0, 100%, 0); 3201     transform: translate3d(0, 100%, 0);
3191     visibility: visible; 3202     visibility: visible;
3192   } 3203   }
3193  3204 
3194   to { 3205   to {
3195     -webkit-transform: translate3d(0, 0, 0); 3206     -webkit-transform: translate3d(0, 0, 0);
3196     transform: translate3d(0, 0, 0); 3207     transform: translate3d(0, 0, 0);
3197   } 3208   }
3198 } 3209 }
3199  3210 
3200 @keyframes slideInUp { 3211 @keyframes slideInUp {
3201   from { 3212   from {
3202     -webkit-transform: translate3d(0, 100%, 0); 3213     -webkit-transform: translate3d(0, 100%, 0);
3203     transform: translate3d(0, 100%, 0); 3214     transform: translate3d(0, 100%, 0);
3204     visibility: visible; 3215     visibility: visible;
3205   } 3216   }
3206  3217 
3207   to { 3218   to {
3208     -webkit-transform: translate3d(0, 0, 0); 3219     -webkit-transform: translate3d(0, 0, 0);
3209     transform: translate3d(0, 0, 0); 3220     transform: translate3d(0, 0, 0);
3210   } 3221   }
3211 } 3222 }
3212  3223 
3213 .slideInUp { 3224 .slideInUp {
3214   -webkit-animation-name: slideInUp; 3225   -webkit-animation-name: slideInUp;
3215   animation-name: slideInUp; 3226   animation-name: slideInUp;
3216 } 3227 }
3217  3228 
3218 @-webkit-keyframes slideOutDown { 3229 @-webkit-keyframes slideOutDown {
3219   from { 3230   from {
3220     -webkit-transform: translate3d(0, 0, 0); 3231     -webkit-transform: translate3d(0, 0, 0);
3221     transform: translate3d(0, 0, 0); 3232     transform: translate3d(0, 0, 0);
3222   } 3233   }
3223  3234 
3224   to { 3235   to {
3225     visibility: hidden; 3236     visibility: hidden;
3226     -webkit-transform: translate3d(0, 100%, 0); 3237     -webkit-transform: translate3d(0, 100%, 0);
3227     transform: translate3d(0, 100%, 0); 3238     transform: translate3d(0, 100%, 0);
3228   } 3239   }
3229 } 3240 }
3230  3241 
3231 @keyframes slideOutDown { 3242 @keyframes slideOutDown {
3232   from { 3243   from {
3233     -webkit-transform: translate3d(0, 0, 0); 3244     -webkit-transform: translate3d(0, 0, 0);
3234     transform: translate3d(0, 0, 0); 3245     transform: translate3d(0, 0, 0);
3235   } 3246   }
3236  3247 
3237   to { 3248   to {
3238     visibility: hidden; 3249     visibility: hidden;
3239     -webkit-transform: translate3d(0, 100%, 0); 3250     -webkit-transform: translate3d(0, 100%, 0);
3240     transform: translate3d(0, 100%, 0); 3251     transform: translate3d(0, 100%, 0);
3241   } 3252   }
3242 } 3253 }
3243  3254 
3244 .slideOutDown { 3255 .slideOutDown {
3245   -webkit-animation-name: slideOutDown; 3256   -webkit-animation-name: slideOutDown;
3246   animation-name: slideOutDown; 3257   animation-name: slideOutDown;
3247 } 3258 }
3248  3259 
3249 @-webkit-keyframes slideOutLeft { 3260 @-webkit-keyframes slideOutLeft {
3250   from { 3261   from {
3251     -webkit-transform: translate3d(0, 0, 0); 3262     -webkit-transform: translate3d(0, 0, 0);
3252     transform: translate3d(0, 0, 0); 3263     transform: translate3d(0, 0, 0);
3253   } 3264   }
3254  3265 
3255   to { 3266   to {
3256     visibility: hidden; 3267     visibility: hidden;
3257     -webkit-transform: translate3d(-100%, 0, 0); 3268     -webkit-transform: translate3d(-100%, 0, 0);
3258     transform: translate3d(-100%, 0, 0); 3269     transform: translate3d(-100%, 0, 0);
3259   } 3270   }
3260 } 3271 }
3261  3272 
3262 @keyframes slideOutLeft { 3273 @keyframes slideOutLeft {
3263   from { 3274   from {
3264     -webkit-transform: translate3d(0, 0, 0); 3275     -webkit-transform: translate3d(0, 0, 0);
3265     transform: translate3d(0, 0, 0); 3276     transform: translate3d(0, 0, 0);
3266   } 3277   }
3267  3278 
3268   to { 3279   to {
3269     visibility: hidden; 3280     visibility: hidden;
3270     -webkit-transform: translate3d(-100%, 0, 0); 3281     -webkit-transform: translate3d(-100%, 0, 0);
3271     transform: translate3d(-100%, 0, 0); 3282     transform: translate3d(-100%, 0, 0);
3272   } 3283   }
3273 } 3284 }
3274  3285 
3275 .slideOutLeft { 3286 .slideOutLeft {
3276   -webkit-animation-name: slideOutLeft; 3287   -webkit-animation-name: slideOutLeft;
3277   animation-name: slideOutLeft; 3288   animation-name: slideOutLeft;
3278 } 3289 }
3279  3290 
3280 @-webkit-keyframes slideOutRight { 3291 @-webkit-keyframes slideOutRight {
3281   from { 3292   from {
3282     -webkit-transform: translate3d(0, 0, 0); 3293     -webkit-transform: translate3d(0, 0, 0);
3283     transform: translate3d(0, 0, 0); 3294     transform: translate3d(0, 0, 0);
3284   } 3295   }
3285  3296 
3286   to { 3297   to {
3287     visibility: hidden; 3298     visibility: hidden;
3288     -webkit-transform: translate3d(100%, 0, 0); 3299     -webkit-transform: translate3d(100%, 0, 0);
3289     transform: translate3d(100%, 0, 0); 3300     transform: translate3d(100%, 0, 0);
3290   } 3301   }
3291 } 3302 }
3292  3303 
3293 @keyframes slideOutRight { 3304 @keyframes slideOutRight {
3294   from { 3305   from {
3295     -webkit-transform: translate3d(0, 0, 0); 3306     -webkit-transform: translate3d(0, 0, 0);
3296     transform: translate3d(0, 0, 0); 3307     transform: translate3d(0, 0, 0);
3297   } 3308   }
3298  3309 
3299   to { 3310   to {
3300     visibility: hidden; 3311     visibility: hidden;
3301     -webkit-transform: translate3d(100%, 0, 0); 3312     -webkit-transform: translate3d(100%, 0, 0);
3302     transform: translate3d(100%, 0, 0); 3313     transform: translate3d(100%, 0, 0);
3303   } 3314   }
3304 } 3315 }
3305  3316 
3306 .slideOutRight { 3317 .slideOutRight {
3307   -webkit-animation-name: slideOutRight; 3318   -webkit-animation-name: slideOutRight;
3308   animation-name: slideOutRight; 3319   animation-name: slideOutRight;
3309 } 3320 }
3310  3321 
3311 @-webkit-keyframes slideOutUp { 3322 @-webkit-keyframes slideOutUp {
3312   from { 3323   from {
3313     -webkit-transform: translate3d(0, 0, 0); 3324     -webkit-transform: translate3d(0, 0, 0);
3314     transform: translate3d(0, 0, 0); 3325     transform: translate3d(0, 0, 0);
3315   } 3326   }
3316  3327 
3317   to { 3328   to {
3318     visibility: hidden; 3329     visibility: hidden;
3319     -webkit-transform: translate3d(0, -100%, 0); 3330     -webkit-transform: translate3d(0, -100%, 0);
3320     transform: translate3d(0, -100%, 0); 3331     transform: translate3d(0, -100%, 0);
3321   } 3332   }
3322 } 3333 }
3323  3334 
3324 @keyframes slideOutUp { 3335 @keyframes slideOutUp {
3325   from { 3336   from {
3326     -webkit-transform: translate3d(0, 0, 0); 3337     -webkit-transform: translate3d(0, 0, 0);
3327     transform: translate3d(0, 0, 0); 3338     transform: translate3d(0, 0, 0);
3328   } 3339   }
3329  3340 
3330   to { 3341   to {
3331     visibility: hidden; 3342     visibility: hidden;
3332     -webkit-transform: translate3d(0, -100%, 0); 3343     -webkit-transform: translate3d(0, -100%, 0);
3333     transform: translate3d(0, -100%, 0); 3344     transform: translate3d(0, -100%, 0);
3334   } 3345   }
3335 } 3346 }
3336  3347 
3337 .slideOutUp { 3348 .slideOutUp {
3338   -webkit-animation-name: slideOutUp; 3349   -webkit-animation-name: slideOutUp;
3339   animation-name: slideOutUp; 3350   animation-name: slideOutUp;
3340 } 3351 }